Hi, I did some modifications to my Checklist Module's Edit mode just to clean up the screen a little. Figured I'd share if anyone else can find it useful. Also curious to see what other modifications others have made to the styling of this module.
Before:
After:
/* Padding Under Button */ #page-mod-checklist-edit .checklist.checklist-extendedit .btn {margin-bottom: 15px;} /* Add Row Color on Hover */ #page-mod-checklist-edit ol.checklist li:hover {background: #d6e6e7;} /* Padding Between Checkbox and Label */ #page-mod-checklist-edit li label {margin-left: 10px!important;} /* Right - Align 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;} /* Style Background Colors of Enabled Checklist Items */ #page-mod-checklist-edit ol.checklist .itemauto {background-color: initial;} /* Style Background Colors of Disabled Checklist Items */ #page-mod-checklist-edit ol.checklist .itemauto.itemdisabled {text-decoration: line-through; background-color: #bcc4c4; color: #666;}