Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): reset checkbox size inside .form-group so the label isn't squeezed

Browse Source 
The global ".form-group input" rule (width:100% + padding + border) also hit the
directory-hidden checkbox, blowing it up to a full-width field that pushed the
label text into a narrow wrapping column. Reset the checkbox to a small native
box (16px, no padding/border/background) so the label reads normally beside it.
v78.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-06 22:23:28 +02:00
parent 52bc7066db
commit af64e191ec
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/css/app.css
View File

@@ -2024,7 +2024,13 @@ a { color: var(--primary); text-decoration: none; }
cursor: pointer; text-transform: none; letter-spacing: normal;
font-size: 14px; font-weight: 400; color: var(--text-1);
}
.checkbox-row input[type=checkbox] { flex-shrink: 0; margin: 0; }
/* Undo the global ".form-group input { width:100%; padding; border }" so the
checkbox stays a small native box instead of a full-width field that shoves
the label text into a narrow, wrapping column. */
.checkbox-row input[type=checkbox] {
flex: none; width: 16px; height: 16px; margin: 0; padding: 0;
border: 0; border-radius: 0; background: none; accent-color: var(--primary);
}
/* .popup-creator styling moved into the .popup-row / #popup-creator rules above. */
/* ── Groups ─────────────────────────────────────────────────── */