Make Collections list more compact on mobile

Issue: Collections items too large, wasting vertical space
Fix: Reduce padding and font sizes for mobile

Changes:
- Collection items: 8px padding (was default larger)
- Font size: 14px (more compact)
- Heading: 18px (was larger)
- Search box: 8px padding
- Tighter line-height and margins

Result: More collections visible without scrolling
This commit is contained in:
Claude
2026-04-07 22:41:32 +00:00
parent afb16e83a7
commit 1be93a1ef0

View File

@@ -32,7 +32,33 @@
height: auto !important;
border: none !important;
margin: 0 !important;
padding: 12px !important;
padding: 8px !important;
}
/* Collections list items - More compact */
aside li,
aside a,
[class*="Sidebar"] li,
[class*="Sidebar"] a {
padding: 8px 12px !important;
font-size: 14px !important;
line-height: 1.4 !important;
margin: 4px 0 !important;
}
/* Collections heading - Smaller */
aside h2,
[class*="Sidebar"] h2 {
font-size: 18px !important;
margin: 8px 0 !important;
padding: 0 !important;
}
/* Search box - More compact */
aside input,
[class*="Sidebar"] input {
padding: 8px !important;
font-size: 14px !important;
}
/* Main content takes full width */