Fix(web): Make Item, Checkbox Item and Radio Item full width

lmc-eu · Dec 5, 2023 · 3bf097c · 3bf097c
1 parent 02c0f7c
commit 3bf097c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/web/src/scss/components/Checkbox/_Checkbox.scss b/packages/web/src/scss/components/Checkbox/_Checkbox.scss
@@ -92,6 +92,8 @@ $_field-name: 'Checkbox';
 
 .Checkbox--item {
     @include form-fields-tools.item();
+
+    display: flex;
 }
 
 .Checkbox--item.Checkbox--disabled {

diff --git a/packages/web/src/scss/components/Radio/_Radio.scss b/packages/web/src/scss/components/Radio/_Radio.scss
@@ -98,6 +98,8 @@ $_field-name: 'Radio';
 
 .Radio--item {
     @include form-fields-tools.item();
+
+    display: flex;
 }
 
 .Radio--item.Radio--disabled {

diff --git a/packages/web/src/scss/tools/_form-fields.scss b/packages/web/src/scss/tools/_form-fields.scss
@@ -179,6 +179,7 @@
 }
 
 @mixin item() {
+    width: 100%;
     padding: form-fields-theme.$item-spacing;
     margin-block: 0;
     border-radius: form-fields-theme.$item-border-radius;