fix(#91): add px-4 base padding and fix admin tab overflow at 320px #106

Merged

marcel merged 1 commits from feature/91-fix-horizontal-scroll-320px into main

2026-03-27 15:50:19 +01:00

Author	SHA1	Message	Date
Marcel	afebaf4c53	fix(#91 ): add px-4 base padding and fix admin tab overflow at 320px Some checks failed CI / Unit & Component Tests (pull_request) Successful in 2m42s Details CI / Backend Unit Tests (pull_request) Successful in 2m23s Details CI / E2E Tests (pull_request) Failing after 29m0s Details CI / Unit & Component Tests (push) Successful in 3m20s Details CI / Backend Unit Tests (push) Successful in 2m21s Details CI / E2E Tests (push) Failing after 29m37s Details Home and Admin had no horizontal padding below the sm breakpoint (640px), causing content to bleed to viewport edges. Admin's flex justify-between row with h1 + 4 tab buttons overflowed by ~110px at 320px. - +page.svelte: add px-4 to <main> (sm:px-6 lg:px-8 unchanged) - admin/+page.svelte: add px-4 to outer container; stack header row vertically on mobile (flex-col sm:flex-row); reduce tab button padding to px-2 on mobile (sm:px-4 on desktop) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-27 15:50:03 +01:00