diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss index acacc62ff..b3cd93b2e 100644 --- a/app/assets/stylesheets/zammad.css.scss +++ b/app/assets/stylesheets/zammad.css.scss @@ -427,7 +427,8 @@ h5 { font-size: 16px; } -label { +label, +.checkbox.form-group label { text-transform: uppercase; color: #999; font-size: 12px; @@ -437,6 +438,19 @@ label { margin-bottom: 6px; } +fieldset { + margin: 0 -4px; +} + +fieldset .form-group { + padding: 0 4px; +} + +fieldset > *:not(.form-group) .form-control { + margin-left: 4px; + margin-right: 4px; +} + .form-group + .form-group { margin-top: 0; } @@ -451,6 +465,15 @@ label { opacity: 0.2; } +.form-group:not(.formGroup--halfSize) { + clear: left; +} + +.form-group.formGroup--halfSize { + width: 50%; + float: left; +} + input[type="radio"], input[type="checkbox"] { margin: 0; @@ -460,7 +483,8 @@ input[type=text], input[type=password], input[type=email], textarea, -.form-control { +.form-control, +.checkbox.form-group .checkbox { display: block; padding: 6px 12px; width: 100%; @@ -3687,8 +3711,11 @@ footer { } .checkbox.form-group .checkbox { - margin: 10px 0 0; + margin-top: 0; margin-bottom: 15px; + height: auto; + padding-bottom: 2px; + background: hsl(210,17%,98%); } .checkbox.form-group label { @@ -3697,17 +3724,20 @@ footer { } .checkbox.form-group .controls label { - padding-left: 20px; + padding: 3px 0 3px 20px; display: block; font: inherit; font-size: 13px; + margin-bottom: 0; color: inherit; text-transform: inherit; + letter-spacing: 0; @extend .u-clickable; } .checkbox.form-group input[type=checkbox] { - margin-top: 1px; + margin-top: 3px; + vertical-align: bottom; } .userSearch { @@ -3787,7 +3817,7 @@ footer { } .form-item + .btn { - margin-left: 15px; + margin-left: 23px; } .scrollPageHeader {