arnaudne
561de4f13b
Layout: - Remove body min-width: 1280px - Sidebar hidden on mobile (<768px); replaced by a fixed bottom navigation bar (BottomNav component) with icon + label for all 7 routes - PageShell main gets className="app-main"; padding overridden to 0 on mobile (68px bottom clearance for bottom nav) - All page root divs get className="page-body"; mobile override to 12px 14px padding Dashboard: - 4-col stat grid → 2×2 on mobile (dash-stat-grid) - 3-col timing/targets/forecast → single column (dash-three-col) - 2-col monthly/best-nights → single column (dash-two-col) - Run order timeline: overflow-x: auto for narrow screens Targets: - Filter bar rows get className="filter-row": horizontal scroll on mobile (no-wrap + overflow-x: auto) - Table gets className="targets-table": columns 3-7 (Size/Fill/Mosaic/Mag/Diff) and 10+ (Vis/Int/Goal/Compare) hidden on mobile, keeping only Type, Name, Filter, Alt Calendar: - Split view gets dash-two-col (stacks on mobile) - Month grid: minWidth 308px + overflowX auto; cell minWidth 44px for touch targets Compare modal: columns stack vertically on mobile (compare-body / compare-col classes) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>