diff --git a/containers/libreportal/frontend/css/forms.css b/containers/libreportal/frontend/css/forms.css index 5b18a11..80330ec 100644 --- a/containers/libreportal/frontend/css/forms.css +++ b/containers/libreportal/frontend/css/forms.css @@ -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;