Merge pull request massiveart#634 from danrot/hotfix/checkbox-margin

Fixed wrong spacing between more than two checkboxes
niklasnatter · Apr 13, 2016 · a7027df · a7027df
2 parents 6bed62d + 178725a
commit a7027df
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 61 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # CHANGELOG for husky
 
+* dev-master
+    * HOTFIX      #634 Fixed wrong spacing between more than two checkboxes
+
 * 0.19.0 (2016-04-12)
     * FEATURE     #632 Fixed wrong index of regex
     * BUGFIX      #631 Fixed javascript error when clicking on column navigation options

diff --git a/dist/husky.css b/dist/husky.css
@@ -6963,48 +6963,41 @@ input ::-moz-placeholder {
   height: 20px;
   margin-bottom: 10px;
 }
-/* line 84, ../scss/modules/form.scss */
-.form-group > :nth-child(2),
-.form-group-vertical > :nth-child(2),
-.form-vertical .form-group > :nth-child(2) {
-  margin: 0;
-  vertical-align: middle;
-}
 
-/* line 92, ../scss/modules/form.scss */
+/* line 87, ../scss/modules/form.scss */
 .form-horizontal .form-group {
   display: table;
   table-layout: fixed;
   width: 100%;
 }
-/* line 98, ../scss/modules/form.scss */
+/* line 93, ../scss/modules/form.scss */
 .form-horizontal .form-group > * {
   display: table-cell;
 }
-/* line 102, ../scss/modules/form.scss */
+/* line 97, ../scss/modules/form.scss */
 .form-horizontal .form-group > :first-child {
   text-align: right;
   vertical-align: middle;
   padding-right: 20px;
   width: 140px;
 }
-/* line 109, ../scss/modules/form.scss */
+/* line 104, ../scss/modules/form.scss */
 .form-horizontal .form-group label.top {
   vertical-align: top;
   padding-top: 5px;
 }
-/* line 114, ../scss/modules/form.scss */
+/* line 109, ../scss/modules/form.scss */
 .form-horizontal .form-group > :nth-child(2) {
   width: 100%;
 }
 
-/* line 123, ../scss/modules/form.scss */
+/* line 118, ../scss/modules/form.scss */
 label.choice {
   color: #000;
   margin-bottom: 10px;
 }
 
-/* line 128, ../scss/modules/form.scss */
+/* line 123, ../scss/modules/form.scss */
 label {
   display: block;
   font-size: 14px;
@@ -7014,56 +7007,56 @@ label {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-/* line 137, ../scss/modules/form.scss */
+/* line 132, ../scss/modules/form.scss */
 label.large {
   font-size: 16px;
   font-weight: bold;
 }
-/* line 142, ../scss/modules/form.scss */
+/* line 137, ../scss/modules/form.scss */
 label .form-element, label .husky-input {
   margin-top: 5px;
   border: 1px solid #ddd;
 }
-/* line 147, ../scss/modules/form.scss */
+/* line 142, ../scss/modules/form.scss */
 label.inline {
   font-size: 1em;
   font-weight: normal;
   display: inline;
   vertical-align: middle;
 }
-/* line 154, ../scss/modules/form.scss */
+/* line 149, ../scss/modules/form.scss */
 label.spacing-right {
   margin-right: 10px;
 }
-/* line 158, ../scss/modules/form.scss */
+/* line 153, ../scss/modules/form.scss */
 label.spacing-left {
   margin-left: 10px;
 }
 
-/* line 163, ../scss/modules/form.scss */
+/* line 158, ../scss/modules/form.scss */
 .input-description {
   font-size: 12px;
   color: #999;
 }
 
-/* line 168, ../scss/modules/form.scss */
+/* line 163, ../scss/modules/form.scss */
 h2 ~ .input-description {
   margin-top: -20px;
   margin-bottom: 20px;
 }
 
-/* line 173, ../scss/modules/form.scss */
+/* line 168, ../scss/modules/form.scss */
 label ~ .input-description {
   margin-top: -5px;
 }
 
-/* line 177, ../scss/modules/form.scss */
+/* line 172, ../scss/modules/form.scss */
 div ~ .input-description,
 input ~ .input-description {
   margin-top: 0;
 }
 
-/* line 184, ../scss/modules/form.scss */
+/* line 179, ../scss/modules/form.scss */
 .custom-checkbox {
   width: 15px;
   height: 15px;
@@ -7073,12 +7066,12 @@ input ~ .input-description {
   display: inline-block;
   margin: 0 5px 0 0;
 }
-/* line 196, ../scss/modules/form.scss */
+/* line 191, ../scss/modules/form.scss */
 .custom-checkbox.no-spacing {
   top: 0;
   margin: 0;
 }
-/* line 201, ../scss/modules/form.scss */
+/* line 196, ../scss/modules/form.scss */
 .custom-checkbox input {
   opacity: 0;
   width: 15px;
@@ -7091,46 +7084,46 @@ input ~ .input-description {
   padding: 0;
   cursor: pointer;
 }
-/* line 213, ../scss/modules/form.scss */
+/* line 208, ../scss/modules/form.scss */
 .custom-checkbox input[readonly], .custom-checkbox input[readonly="readonly"] {
   display: none;
 }
-/* line 217, ../scss/modules/form.scss */
+/* line 212, ../scss/modules/form.scss */
 .custom-checkbox input[readonly] + .icon, .custom-checkbox input[readonly="readonly"] + .icon {
   border: 1px solid #999;
 }
-/* line 224, ../scss/modules/form.scss */
+/* line 219, ../scss/modules/form.scss */
 .custom-checkbox input:indeterminate + .icon, .custom-checkbox input.is-indeterminate + .icon {
   background-color: #999;
   color: #fff;
 }
-/* line 227, ../scss/modules/form.scss */
+/* line 222, ../scss/modules/form.scss */
 .custom-checkbox input:indeterminate + .icon::after, .custom-checkbox input.is-indeterminate + .icon::after {
   display: inline-block;
   margin-top: -1px;
   margin-left: -1px;
   content: "";
 }
-/* line 239, ../scss/modules/form.scss */
+/* line 234, ../scss/modules/form.scss */
 .custom-checkbox input:checked + .icon, .custom-checkbox input.is-checked + .icon {
   border-color: #5DC774;
   background-color: #5DC774;
   color: #fff;
 }
-/* line 243, ../scss/modules/form.scss */
+/* line 238, ../scss/modules/form.scss */
 .custom-checkbox input:checked + .icon::after, .custom-checkbox input.is-checked + .icon::after {
   display: inline-block;
   margin-top: -1px;
   margin-left: -1px;
   content: "";
 }
-/* line 252, ../scss/modules/form.scss */
+/* line 247, ../scss/modules/form.scss */
 .custom-checkbox input:checked[readonly] + .icon, .custom-checkbox input:checked[readonly="readonly"] + .icon, .custom-checkbox input.is-checked[readonly] + .icon, .custom-checkbox input.is-checked[readonly="readonly"] + .icon {
   border: 1px solid #999;
   background-color: #999;
   color: #fff;
 }
-/* line 261, ../scss/modules/form.scss */
+/* line 256, ../scss/modules/form.scss */
 .custom-checkbox input + .icon {
   position: absolute;
   top: 0px;
@@ -7147,27 +7140,27 @@ input ~ .input-description {
   border-radius: 2px;
 }
 
-/* line 285, ../scss/modules/form.scss */
+/* line 280, ../scss/modules/form.scss */
 textarea {
   resize: both;
 }
 
-/* line 289, ../scss/modules/form.scss */
+/* line 284, ../scss/modules/form.scss */
 textarea.vertical {
   resize: vertical;
 }
 
-/* line 293, ../scss/modules/form.scss */
+/* line 288, ../scss/modules/form.scss */
 textarea.horizontal {
   resize: horizontal;
 }
 
-/* line 297, ../scss/modules/form.scss */
+/* line 292, ../scss/modules/form.scss */
 textarea.noResize {
   resize: none;
 }
 
-/* line 301, ../scss/modules/form.scss */
+/* line 296, ../scss/modules/form.scss */
 textarea.form-element, textarea.husky-input {
   width: 100%;
   height: 40px;
@@ -7176,14 +7169,14 @@ textarea.form-element, textarea.husky-input {
   font-size: 14px;
   font-family: inherit;
 }
-/* line 308, ../scss/modules/form.scss */
+/* line 303, ../scss/modules/form.scss */
 textarea.form-element.small, textarea.small.husky-input {
   height: 70px;
   min-height: 70px;
   padding: 5px;
 }
 
-/* line 317, ../scss/modules/form.scss */
+/* line 312, ../scss/modules/form.scss */
 .custom-radio {
   width: 15px;
   height: 15px;
@@ -7193,12 +7186,12 @@ textarea.form-element.small, textarea.small.husky-input {
   display: inline-block;
   margin: 0 5px 0 0;
 }
-/* line 327, ../scss/modules/form.scss */
+/* line 322, ../scss/modules/form.scss */
 .custom-radio.no-spacing {
   top: 0;
   margin: 0;
 }
-/* line 332, ../scss/modules/form.scss */
+/* line 327, ../scss/modules/form.scss */
 .custom-radio input {
   width: 15px;
   height: 15px;
@@ -7211,11 +7204,11 @@ textarea.form-element.small, textarea.small.husky-input {
   margin: 0;
   padding: 0;
 }
-/* line 346, ../scss/modules/form.scss */
+/* line 341, ../scss/modules/form.scss */
 .custom-radio input:checked + .icon, .custom-radio input.is-checked + .icon {
   border-color: #fff;
 }
-/* line 349, ../scss/modules/form.scss */
+/* line 344, ../scss/modules/form.scss */
 .custom-radio input:checked + .icon::after, .custom-radio input.is-checked + .icon::after {
   content: "";
   display: block;
@@ -7224,7 +7217,7 @@ textarea.form-element.small, textarea.small.husky-input {
   border-radius: 15px;
   background-color: #5DC774;
 }
-/* line 360, ../scss/modules/form.scss */
+/* line 355, ../scss/modules/form.scss */
 .custom-radio input + .icon {
   display: block;
   position: absolute;
@@ -7240,29 +7233,29 @@ textarea.form-element.small, textarea.small.husky-input {
   margin: 0;
 }
 
-/* line 381, ../scss/modules/form.scss */
+/* line 376, ../scss/modules/form.scss */
 .cke.cke_chrome {
   box-shadow: none !important;
   border: 0 !important;
 }
-/* line 386, ../scss/modules/form.scss */
+/* line 381, ../scss/modules/form.scss */
 .cke .cke_inner {
   border: 1px solid #ddd !important;
   border-radius: 3px !important;
 }
-/* line 390, ../scss/modules/form.scss */
+/* line 385, ../scss/modules/form.scss */
 .cke .cke_inner,
 .cke .cke_wysiwyg_frame {
   border-bottom-left-radius: 3px !important;
   border-bottom-right-radius: 3px !important;
 }
 
-/* line 397, ../scss/modules/form.scss */
+/* line 392, ../scss/modules/form.scss */
 .cke_hidpi .cke_dialog_close_button {
   background-image: none !important;
 }
 
-/* line 403, ../scss/modules/form.scss */
+/* line 398, ../scss/modules/form.scss */
 span.error {
   font-size: 14px;
   color: #EA524E;

diff --git a/dist/husky.min.css b/dist/husky.min.css
diff --git a/scss/modules/form.scss b/scss/modules/form.scss
@@ -68,9 +68,6 @@ input {
 // Form behaviours
 // -------------------------
 
-// attention! it is always assumed, that form group consists of 2 elements.
-// the first is the label, the second is the form element itself
-
 .form-group,
 .form-group-vertical,
 .form-vertical .form-group {
@@ -80,11 +77,6 @@ input {
         height: 20px;
         margin-bottom: 10px;
     }
-
-    > :nth-child(2) {
-        margin: 0;
-        vertical-align: middle;
-    }
 }
 
 .form-horizontal {