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.
This commit is contained in:
narcolepticinsomniac 2018-02-13 16:44:21 -05:00 committed by GitHub
parent e84afd9a20
commit c1b47e4b23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -417,13 +417,6 @@ select {
background-color: hsla(0, 0%, 50%, .2); background-color: hsla(0, 0%, 50%, .2);
} }
#only-updates {
position: relative;
left: -5px;
margin-top: 2px;
margin-bottom: 2px;
}
.checkmate { .checkmate {
position: relative; position: relative;
height: 12px; height: 12px;
@ -821,10 +814,21 @@ input[id^="manage.newUI"] {
display: none !important; display: none !important;
} }
#filters label { #filters > label {
display: flex; display: flex;
align-items: center; 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 { #filters {