chore(): fix field label margin bottom

baloise · Dec 6, 2023 · bfd4bdf · bfd4bdf
1 parent 18e74ae
commit bfd4bdf
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/components/src/components/bal-field/bal-field.sass b/packages/components/src/components/bal-field/bal-field.sass
@@ -7,8 +7,10 @@
   font-family: var(--bal-font-family-text)
 
 +block(field-label)
-  display: inline-block
-  margin-bottom: .25rem
+  display: inline
+
+.bal-field-label ~ .bal-field-control
+  margin-top: .25rem
 
 +block(field-hint)
   display: inline-block
@@ -76,4 +78,4 @@
       top: 0
 
   .bal-field-hint ~ .bal-field-message 
-    margin-left: calc(var(--bal-field-label-horizontal-width) + (var(--bal-field-label-column-gap) * 2) + 1.125rem)
+    margin-left: calc(var(--bal-field-label-horizontal-width) + (var(--bal-field-label-column-gap) * 2) + 1.125rem)