From 787c2244bf8917ad59c82faa5446f74afdd35b96 Mon Sep 17 00:00:00 2001
From: Luke Towers <luke@luketowers.ca>
Date: Thu, 23 Aug 2018 10:00:51 -0600
Subject: [PATCH] Improved inline-options CSS for checkboxlist fields

---
 modules/system/assets/ui/less/checkbox.less | 7 ++++++-
 modules/system/assets/ui/storm.css          | 5 +++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/modules/system/assets/ui/less/checkbox.less b/modules/system/assets/ui/less/checkbox.less
index 0222cf355..d9e9c2bf3 100644
--- a/modules/system/assets/ui/less/checkbox.less
+++ b/modules/system/assets/ui/less/checkbox.less
@@ -172,7 +172,7 @@
 
 .inline-options {
     .field-checkboxlist:not(.is-scrollable) {
-        padding: 20px !important;
+        padding: 10px 20px 20px 20px !important;
 
         .custom-checkbox {
             display: inline-block;
@@ -180,6 +180,11 @@
 
             label {
                 margin-bottom: 0 !important;
+                padding-top: 10px;
+
+                &:before {
+                    top: 10px;
+                }
             }
         }
     }
diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
index 1cb04ec74..ea13e1733 100644
--- a/modules/system/assets/ui/storm.css
+++ b/modules/system/assets/ui/storm.css
@@ -2456,9 +2456,10 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
 .custom-checkbox p.help-block,.custom-radio p.help-block{padding-left:6px;margin-bottom:17px}
 .custom-radio label:before{-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px}
 .custom-checkbox label:before{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
-.inline-options .field-checkboxlist:not(.is-scrollable){padding:20px !important}
+.inline-options .field-checkboxlist:not(.is-scrollable){padding:10px 20px 20px 20px !important}
 .inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox{display:inline-block;margin:0}
-.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label{margin-bottom:0 !important}
+.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label{margin-bottom:0 !important;padding-top:10px}
+.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label:before{top:10px}
 .switch-field .field-switch{padding-left:85px;float:left}
 .switch-field .field-switch > label{margin-top:3px}
 .custom-switch{display:block;width:65px;height:26px;position:relative;text-transform:uppercase;border:none;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}