Compare commits

..

2 Commits

Author SHA1 Message Date
librelad
d30f6f9d02 Merge claude/2 2026-05-23 13:21:34 +01:00
librelad
61ed8aa7f2 style(config): match toggle box height to input fields
The config-grid toggle box used the input's 12px vertical padding, but its
24px pill made it render 48px tall vs the inputs' 44px, so it sat too tall
to read as inline. Trim vertical padding to 10px so the box is 44px.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
2026-05-23 13:21:34 +01:00

View File

@ -351,13 +351,16 @@ select.form-control:focus {
}
/* Config page checkboxes mirror the .form-control field box (same radius,
padding, fill and border) so a toggle reads as the same field surface as the
inputs beside it instead of a lighter, slightly-off box. */
fill and border) so a toggle reads as the same field surface as the inputs
beside it instead of a lighter, slightly-off box. Vertical padding is 10px
(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 {
display: flex;
align-items: center;
cursor: pointer;
padding: 12px 16px;
padding: 10px 16px;
min-height: 44px;
border-radius: 8px;
transition: background 0.18s ease, border-color 0.18s ease;