diff --git a/example/forms/web/demo.css b/example/forms/web/demo.css index 0079d28e..403bfc6d 100644 --- a/example/forms/web/demo.css +++ b/example/forms/web/demo.css @@ -734,7 +734,10 @@ form, .wsk-form { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; - margin-top: 5px; } + margin-top: 3px; + margin-left: 1em; } + form .wsk-form__group.wsk-form__group--checkbox input:first-child, form .wsk-form__group.wsk-form__group--radio input:first-child, .wsk-form .wsk-form__group.wsk-form__group--checkbox input:first-child, .wsk-form .wsk-form__group.wsk-form__group--radio input:first-child { + margin-left: 0; } form .wsk-form__group.wsk-form__group--checkbox > *, form .wsk-form__group.wsk-form__group--radio > *, .wsk-form .wsk-form__group.wsk-form__group--checkbox > *, .wsk-form .wsk-form__group.wsk-form__group--radio > * { margin-right: 6px; } form .wsk-form__group.help, .wsk-form .wsk-form__group.help { diff --git a/example/forms/web/index.html b/example/forms/web/index.html index 8a2d87de..3479949a 100644 --- a/example/forms/web/index.html +++ b/example/forms/web/index.html @@ -222,7 +222,7 @@

Vertical, distributed, without offset

-
+
Remember me
diff --git a/lib/sass/forms/_forms.scss b/lib/sass/forms/_forms.scss index 686ae565..9c465bab 100644 --- a/lib/sass/forms/_forms.scss +++ b/lib/sass/forms/_forms.scss @@ -161,7 +161,12 @@ form, .wsk-form { input { flex-grow : 0; - margin-top : ($_form_default_font_size / 3); + margin-top : 3px; + margin-left: 1em; + + &:first-child { + margin-left: 0; + } } > * {