fix: add right padding to table scroll container to clear scrollbar
All checks were successful
Build and Deploy / Build & Push (push) Successful in 57s

Padding on the parent main element doesn't work with overflow:auto — the
fix belongs on the scrollable div wrapping the table itself.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 15:27:18 -04:00
parent 7904475ddc
commit 4e6040a781
2 changed files with 2 additions and 2 deletions

View File

@@ -221,7 +221,7 @@ export function HomePageClient({
</header> </header>
{/* ── Main content ────────────────────────────────────────────────────── */} {/* ── Main content ────────────────────────────────────────────────────── */}
<main className="px-4 sm:px-6 pr-4 sm:pr-8 pb-12"> <main className="px-4 sm:px-6 pb-12">
{scrapedCount === 0 ? ( {scrapedCount === 0 ? (
<EmptyState /> <EmptyState />
) : ( ) : (

View File

@@ -289,7 +289,7 @@ export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coas
const colSpan = weekDates.length + 1; // park col + 7 day cols const colSpan = weekDates.length + 1; // park col + 7 day cols
return ( return (
<div style={{ overflowX: "auto", overflowY: "visible" }}> <div style={{ overflowX: "auto", overflowY: "visible", paddingRight: 16 }}>
<table style={{ <table style={{
borderCollapse: "collapse", borderCollapse: "collapse",
width: "100%", width: "100%",