multiselect: more breathing space for entries

diff --git a/core/css/multiselect.css b/core/css/multiselect.css
index 667eba86e7c229ad61528f207155fff88e646fbd..23aec23437f2a568858f8dbaf722d0eda6bf6ea0 100644 (file)
--- a/core/css/multiselect.css
+++ b/core/css/multiselect.css
@@ -33,10 +33,19 @@ ul.multiselectoptions>li {
        white-space: nowrap;
 }
 
-ul.multiselectoptions>li>input[type="checkbox"] {
-       margin-top:  3px;
-       margin-right:  5px;
-       margin-left:  3px;
+ul.multiselectoptions > li > input[type="checkbox"] {
+       margin: 10px 7px;
+       vertical-align: middle;
+}
+ul.multiselectoptions > li input[type='checkbox']+label {
+       font-weight: normal;
+       display: inline-block;
+       width: 100%;
+       padding: 5px 27px;
+       margin-left: -27px; /* to have area around checkbox clickable as well */
+}
+ul.multiselectoptions > li input[type='checkbox']:checked+label {
+       font-weight: bold;
 }
 
 div.multiselect {