Compare commits
No commits in common. "d30f6f9d0224da93986c5295585ed4e5c742c629" and "e00dd0e887e500e1f5bd7d8495e3a1240ea9d982" have entirely different histories.
d30f6f9d02
...
e00dd0e887
@ -351,16 +351,13 @@ select.form-control:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Config page checkboxes — mirror the .form-control field box (same radius,
|
/* Config page checkboxes — mirror the .form-control field box (same radius,
|
||||||
fill and border) so a toggle reads as the same field surface as the inputs
|
padding, fill and border) so a toggle reads as the same field surface as the
|
||||||
beside it instead of a lighter, slightly-off box. Vertical padding is 10px
|
inputs beside it instead of a lighter, slightly-off box. */
|
||||||
(not the input's 12px): the 24px toggle pill is taller than input text, so
|
|
||||||
the trimmed padding keeps the box at the inputs' 44px height (24 + 10 + 10)
|
|
||||||
instead of overshooting to 48px. */
|
|
||||||
.checkbox-label {
|
.checkbox-label {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 10px 16px;
|
padding: 12px 16px;
|
||||||
min-height: 44px;
|
min-height: 44px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
transition: background 0.18s ease, border-color 0.18s ease;
|
transition: background 0.18s ease, border-color 0.18s ease;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user