From d421133a6a9ac564fc648f7cec0a2711f64a0ae3 Mon Sep 17 00:00:00 2001 From: Felix Hamann Date: Sun, 3 Mar 2019 23:35:38 +0100 Subject: [PATCH] some small adjustments to radio button groups and dropdowns --- static/css/utils/inputs.scss | 9 +++++++-- static/css/utils/radio.scss | 4 ++-- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/static/css/utils/inputs.scss b/static/css/utils/inputs.scss index 05f60e294..6bf5286e3 100644 --- a/static/css/utils/inputs.scss +++ b/static/css/utils/inputs.scss @@ -95,7 +95,6 @@ select { width: 100%; max-width: 600px; - -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; @@ -162,6 +161,11 @@ textarea { } /* OPTIONS */ + +select { + -webkit-appearance: menulist; +} + select, option { font-size: 1rem; @@ -171,7 +175,8 @@ option { border-radius: 2px; outline: 0; color: #363636; - min-width: 200px; + min-width: 250px; + width: auto; background-color: #f3f3f3; box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05); } diff --git a/static/css/utils/radio.scss b/static/css/utils/radio.scss index e30894013..a832de842 100644 --- a/static/css/utils/radio.scss +++ b/static/css/utils/radio.scss @@ -28,7 +28,7 @@ min-width: 42px; line-height: 34px; text-align: center; - padding: 0 7px; + padding: 0 13px; background-color: #f3f3f3; box-shadow: inset 2px 1px 2px 1px rgba(50, 50, 50, 0.05); color: var(--color-font); @@ -36,7 +36,7 @@ } :checked + label { - background-color: #818181; + background-color: var(--color-primary); color: var(--color-lightwhite); box-shadow: inset -2px -1px 2px 1px rgba(255, 255, 255, 0.15); }