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:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user