fix form-horizontal code

1 files changed, 37 insertions, 54 deletions

diff --git a/src/layout.less b/src/layout.less
index 49cdbd1..7be4c96 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -48,42 +48,42 @@
   &.col-1 {
     flex: none;
   }
-  &.col-12 {
-    width: 100%;
-  }
-  &.col-11 {
-    width: 91.66666667%;
-  }
-  &.col-10 {
-    width: 83.33333333%;
-  }
-  &.col-9 {
-    width: 75%;
-  }
-  &.col-8 {
-    width: 66.66666667%;
-  }
-  &.col-7 {
-    width: 58.33333333%;
-  }
-  &.col-6 {
-    width: 50%;
-  }
-  &.col-5 {
-    width: 41.66666667%;
-  }
-  &.col-4 {
-    width: 33.33333333%;
-  }
-  &.col-3 {
-    width: 25%;
-  }
-  &.col-2 {
-    width: 16.66666667%;
-  }
-  &.col-1 {
-    width: 8.33333333%;
-  }
+}
+.col-12 {
+  width: 100%;
+}
+.col-11 {
+  width: 91.66666667%;
+}
+.col-10 {
+  width: 83.33333333%;
+}
+.col-9 {
+  width: 75%;
+}
+.col-8 {
+  width: 66.66666667%;
+}
+.col-7 {
+  width: 58.33333333%;
+}
+.col-6 {
+  width: 50%;
+}
+.col-5 {
+  width: 41.66666667%;
+}
+.col-4 {
+  width: 33.33333333%;
+}
+.col-3 {
+  width: 25%;
+}
+.col-2 {
+  width: 16.66666667%;
+}
+.col-1 {
+  width: 8.33333333%;
 }
 @media screen and (min-width: (@size-xs+1px)) {
   .col-xs-12,
@@ -250,6 +250,7 @@
     }
     .form-label {
       padding: .8rem .4rem;
+      margin-bottom: 0;
     }
     .form-checkbox,
     .form-radio {
@@ -257,24 +258,6 @@
     }
   }
 }
-@media screen and (max-width: @size-md) {
-  .form-horizontal {
-    .col-12,
-    .col-11,
-    .col-10,
-    .col-9,
-    .col-8,
-    .col-7,
-    .col-6,
-    .col-5,
-    .col-4,
-    .col-3,
-    .col-2,
-    .col-1 {
-      width: 100%;
-    }
-  }
-}
 @media screen and (max-width: @size-xs) {
   .columns {
     display: block;