fix(fluent): add missing form-label bottom margin

telerik · Aug 17, 2022 · c0e61fb · c0e61fb
1 parent 7f77571
commit c0e61fb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/fluent/scss/forms/_layout.scss b/packages/fluent/scss/forms/_layout.scss
@@ -216,7 +216,7 @@
             line-height: 1;
             margin-block-end: calc( var( --kendo-padding-y-lg, #{$kendo-padding-y-lg} ) * 2 );
             text-transform: uppercase;
-            padding: 0 var( --kendo-padding-x, #{$kendo-padding-x} ) 0 0;
+            padding-inline-end: var( --kendo-padding-x, #{$kendo-padding-x} );
             width: auto;
         }
 

diff --git a/packages/fluent/scss/forms/_variables.scss b/packages/fluent/scss/forms/_variables.scss
@@ -58,7 +58,7 @@ $kendo-form-legend-text-transform: uppercase !default;
 
 /// The bottom margin of the form label
 /// @group form
-$kendo-form-label-margin-bottom: 0px !default;
+$kendo-form-label-margin-bottom: map-get( $kendo-spacing, 2 ) !default;
 
 /// The font weight of the form label
 /// @group form