From 903382fda501e3c5f54d0b82e0067139ab5e11f7 Mon Sep 17 00:00:00 2001 From: Devaev Maxim Date: Sun, 19 Jul 2020 16:54:50 +0300 Subject: many style improvements --- web/share/css/radio.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'web/share/css/radio.css') diff --git a/web/share/css/radio.css b/web/share/css/radio.css index c81adfcf..70336497 100644 --- a/web/share/css/radio.css +++ b/web/share/css/radio.css @@ -30,7 +30,8 @@ div.radio-box input[type=radio] { } div.radio-box label { - display: inline-block; + display: flex; + align-items: center; text-align: center; vertical-align: middle; user-select: none; @@ -38,6 +39,11 @@ div.radio-box label { cursor: pointer; position: relative; } +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + div.radio-box label { + height: 30px !important; + } +} div.radio-box label:first-of-type { border-top-left-radius: 4px; border-bottom-left-radius: 4px; @@ -49,8 +55,10 @@ div.radio-box label:last-of-type { @media (hover: hover), (min--moz-device-pixel-ratio: 0) { /* If we have a mouse cursor */ - div.radio-box input[type=radio]:not(:disabled) + label:hover { + div.radio-box input[type=radio]:not(:checked):not(:disabled) + label:hover { + border: var(--border-hovered-2px); color: var(--cs-control-hovered-fg) !important; + background-color: var(--cs-control-hovered-bg) !important; } } -- cgit v1.2.3