feat(forms): labels positionning

Orange-OpenSource · Jan 9, 2020 · 5be3b52 · 5be3b52
1 parent 213fcef
commit 5be3b52
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -11,7 +11,7 @@ label {
   }
 
   &.is-required::after {
-    margin-left: 6px;
+    margin-left: $label-margin-bottom;
     font-weight: $font-weight-bold;
     color: theme-color("primary");
     content: "*";
@@ -27,7 +27,7 @@ label {
   display: block;
   width: 100%;
   height: $input-height;
-  padding: $input-padding-y $input-padding-x;
+  padding: subtract($input-padding-y, 1px) $input-padding-x add($input-padding-y, 1px); // Boosted mod
   font-family: $input-font-family;
   @include font-size($input-font-size);
   font-weight: $input-font-weight;

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -540,7 +540,7 @@ $btn-social-icon-size:        $spacer !default;
 
 // Forms
 
-$label-margin-bottom:                   map-get($spacers, 2) !default;
+$label-margin-bottom:                   .375rem !default;
 
 $input-padding-y:                       $input-btn-padding-y !default;
 $input-padding-x:                       map-get($spacers, 2) !default; // Boosted mod input padding x is not the same as buttons padding-x!