diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2017-01-28 03:56:10 +0100 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-01-28 03:56:10 +0100 |
commit | f4bc9620a9701db17cb8f651643f65c984e65c27 (patch) | |
tree | 373ecda59f2135b45ba1fda41dcc9ab06560886a /app/assets/stylesheets/forms.scss | |
parent | 04bce0cdf28402c3433403f399ee10113f6f5fdf (diff) |
Update settings to re-use admin layout, one big navigation tree, improve settings forms
Diffstat (limited to 'app/assets/stylesheets/forms.scss')
-rw-r--r-- | app/assets/stylesheets/forms.scss | 43 |
1 files changed, 23 insertions, 20 deletions
diff --git a/app/assets/stylesheets/forms.scss b/app/assets/stylesheets/forms.scss index 560388f8f..a97a767e0 100644 --- a/app/assets/stylesheets/forms.scss +++ b/app/assets/stylesheets/forms.scss @@ -7,18 +7,6 @@ code { max-width: 400px; padding: 20px; margin: 0 auto; - - p { - font-size: 14px; - line-height: 18px; - color: $color2; - margin-bottom: 20px; - - strong { - color: $color5; - font-weight: 500; - } - } } .simple_form { @@ -28,28 +16,35 @@ code { .hint { display: block; - color: rgba($color5, 0.8); + color: $color3; font-size: 12px; + margin-top: 4px; + } + + .label_input { + display: flex; + + label { + flex: 0 0 auto; + width: 100px; + } + + input { + flex: 1 1 auto; + } } .input.file, .input.select { padding: 15px 0; margin-bottom: 0; - display: flex; label { font-family: inherit; font-size: 16px; color: $color5; - width: 100px; display: block; - flex: 0 0 auto; padding-top: 5px; } - - input[type=file], select { - flex: 1 1 auto; - } } .fields-group { @@ -64,6 +59,7 @@ code { font-size: 14px; color: white; display: block; + width: auto; } label.checkbox { @@ -80,6 +76,7 @@ code { .hint { padding-left: 25px; + margin-left: 0; } } @@ -116,13 +113,19 @@ code { } .input.field_with_errors { + label { + color: $color6; + } + input[type=text], input[type=email], input[type=password] { border-bottom-color: $color6; } .error { + display: block; font-weight: 500; color: $color6; + margin-top: 4px; } } |