Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(config): match toggle box height to input fields

Browse Source 
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>
This commit is contained in:
librelad 2026-05-23 13:21:34 +01:00
parent e00dd0e887
commit 61ed8aa7f2
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
containers/libreportal/frontend/css/forms.css
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;