From 4e6040a7818ab8c7fc3eb6b109bd5b166b578185 Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 15:27:18 -0400
Subject: [PATCH] fix: add right padding to table scroll container to clear
 scrollbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 components/HomePageClient.tsx | 2 +-
 components/WeekCalendar.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/HomePageClient.tsx b/components/HomePageClient.tsx
index 8cdb7af..0b64b24 100644
--- a/components/HomePageClient.tsx
+++ b/components/HomePageClient.tsx
@@ -221,7 +221,7 @@ export function HomePageClient({
       </header>
 
       {/* ── 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 ? (
           <EmptyState />
         ) : (
diff --git a/components/WeekCalendar.tsx b/components/WeekCalendar.tsx
index 20c8003..a1c7d1c 100644
--- a/components/WeekCalendar.tsx
+++ b/components/WeekCalendar.tsx
@@ -289,7 +289,7 @@ export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coas
   const colSpan = weekDates.length + 1; // park col + 7 day cols
 
   return (
-    <div style={{ overflowX: "auto", overflowY: "visible" }}>
+    <div style={{ overflowX: "auto", overflowY: "visible", paddingRight: 16 }}>
       <table style={{
         borderCollapse: "collapse",
         width: "100%",