From c1b47e4b236a7f6cb6fd0010984a51a3de71c326 Mon Sep 17 00:00:00 2001 From: narcolepticinsomniac Date: Tue, 13 Feb 2018 16:44:21 -0500 Subject: [PATCH] Style non-select filter labels to match Non-select filter labels and their contents were misaligned. They were also shorter with lighter hover backgrounds. Everything should match up now. There's only one currently, but I used general selectors which should work in case any new ones are added. --- manage/manage.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/manage/manage.css b/manage/manage.css index fe66a882..8af5e82b 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -417,13 +417,6 @@ select { background-color: hsla(0, 0%, 50%, .2); } -#only-updates { - position: relative; - left: -5px; - margin-top: 2px; - margin-bottom: 2px; -} - .checkmate { position: relative; height: 12px; @@ -821,10 +814,21 @@ input[id^="manage.newUI"] { display: none !important; } -#filters label { +#filters > label { display: flex; align-items: center; - padding-left: 20px; + left: -9px; + padding: 2px 0 2px 24px; +} + +#filters > label input[type="checkbox"]:not(.slider), +#filters > label input[type="checkbox"]:not(.slider):checked + .svg-icon.checked { + top: 2px; + left: 8px; +} + +#filters > label:hover { + background-color: hsla(0, 0%, 50%, .4); } #filters {