fix: radio checkbox style updates (#1497)

* Update radio/checkbox styling
SAP · Jun 24, 2019 · ecdb4c2 · ecdb4c2
1 parent 4879f47
commit ecdb4c2
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/scss/components/form.scss b/scss/components/form.scss
@@ -76,10 +76,10 @@ $block: #{$fd-namespace}-form;
             .#{$block}__control {
                 float: left;
                 vertical-align: middle;
-                margin-right: fd-space(2);
+                margin-right: fd-space(3);
                 @include fd-rtl() {
                     float: right;
-                    margin-left: fd-space(2);
+                    margin-left: fd-space(3);
                     margin-right: 0;
                 }
             }
@@ -90,14 +90,14 @@ $block: #{$fd-namespace}-form;
         }
         &--inline {
             float: left;
-            margin-right: fd-space(3);
+            margin-right: fd-space(4);
             .#{$block}__label {
                 width: auto;
             }
             @include fd-rtl() {
               float: right;
               margin-right: 0;
-              margin-left: fd-space(3);
+              margin-left: fd-space(4);
               .#{$block}__label {
                   width: auto;
               }

diff --git a/scss/core/_forms.scss b/scss/core/_forms.scss
@@ -198,7 +198,7 @@ input[type="radio"],
 .#{$fd-namespace}-radio {
     border-radius: 50%;
     &::after {
-        $check-size_: 10px;
+        $check-size_: 8px;
         content: "";
         border-radius: 50%;
         width: $check-size_;

diff --git a/...ssion_fundamental_list-group_2_example-containerfd-list-group__n2_0_desktop.png b/...ssion_fundamental_list-group_2_example-containerfd-list-group__n2_0_desktop.png
diff --git a/...sual_regression_fundamental_radio_1_example-containerfd-radio__n1_0_desktop.png b/...sual_regression_fundamental_radio_1_example-containerfd-radio__n1_0_desktop.png
diff --git a/...sual_regression_fundamental_radio_3_example-containerfd-radio__n3_0_desktop.png b/...sual_regression_fundamental_radio_3_example-containerfd-radio__n3_0_desktop.png