From fd90681d5d51eecb2b8cc03184046322b286d9d5 Mon Sep 17 00:00:00 2001
From: John Provasnik <44345287+jprovasnik@users.noreply.github.com>
Date: Sun, 29 Mar 2020 10:58:19 -0400
Subject: [PATCH] Update styles.css

---
 styles.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/styles.css b/styles.css
index f261a6d4..9f1b2de5 100644
--- a/styles.css
+++ b/styles.css
@@ -78,15 +78,28 @@ ol.checklist .teachercomment {
     margin: 0 0 0 20px;
 }
 
+/* Style Background Colors of Disabled Checklist Items */
 ol.checklist .itemauto.itemdisabled {
     text-decoration: line-through;
     background-color: #bcc4c4;
+    color: #666;
 }
 
 ol.checklist .itemauto {
     background-color: #d6e6e7;
 }
 
+/* Style Background Colors of Enabled Checklist Items */
+#page-mod-checklist-edit ol.checklist .itemauto {
+    background-color: initial;
+}
+
+
+/* Add Row Color on Hover */
+#page-mod-checklist-edit ol.checklist li:hover {
+    background: #d6e6e7;
+}
+
 ol.checklist li .itemuserdate {
     background-color: #b0ffb0;
     position: absolute;
@@ -269,6 +282,26 @@ ol.checklist label {
     display: inline;
 }
 
+/* Padding Between Checkbox and Label */
+#page-mod-checklist-edit li label {
+    margin-left: 10px!important;
+}
+
+/* Right - Align Most Activity Icons */
+#page-mod-checklist-edit li img.icon {
+    float: right;
+} 
+
+/* Reduce Width between Labels and Icons*/
+#page-mod-checklist-edit ol form {
+    width: max-content;
+}
+
+/* Padding Under Show/Hide Button */
+.checklist-extendedit .btn {
+    margin-bottom: 15px;
+}
+
 .checklist-extendedit .checklist-edititem {
     border: 1px solid #ddd;
     padding: 10px 0 5px;