nate/homeschool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix toggle button styling and collapse groups by default

Browse Source 
Toggle buttons now match the rest of the admin UI (same font, padding,
border-radius). Both start secondary/gray; the active one turns blue.
List and deck group sections are collapsed by default instead of open.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 4.6 committed 2026-07-27 13:19:10 -04:00
1 parent 2d663f6964
commit 5c2b5baec2
3 files changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/styles.css
+2 -2
View File
@@ -198,7 +198,7 @@ body {
font-size: 1.5rem; text-align: center; width: 180px; padding: 0.5rem;
border: 2px solid var(--accent); border-radius: 10px; margin-right: 0.5rem;
}
#pin-form button, .inline-form button, #list-form button, .row-actions button {
#pin-form button, .inline-form button, #list-form button, .row-actions button, .toggle-btns button {
font-size: 1rem; font-family: inherit; font-weight: 700;
background: var(--accent); color: #fff; border: none;
border-radius: 10px; padding: 0.6rem 1.2rem; cursor: pointer;
@@ -340,7 +340,7 @@ table.results tr:nth-child(even) td { background: #faf7ee; }
/* ---------- toggle button rows (new/bulk import) ---------- */
.toggle-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.75rem; }
.toggle-btns button.active { background: var(--accent); color: #fff; }
.toggle-btns button.active { background: var(--accent) !important; color: #fff !important; }
.section-form-title { font-size: 1rem; font-weight: 700; margin: 0 0 0; color: var(--ink); }
/* 2-column layout for wide screens */