From b26382f427d07ea20ab03a7e17e400dc9807b037 Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 14:45:28 -0400
Subject: [PATCH] polish: clamp park column width, prevent park name line wrap
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Column uses clamp(220px, 22%, 280px) — scales on small screens, caps at
280px on large ones. Park name gets whiteSpace:nowrap so it stays one line.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/WeekCalendar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/WeekCalendar.tsx b/components/WeekCalendar.tsx
index 3fe6aea..2da0eae 100644
--- a/components/WeekCalendar.tsx
+++ b/components/WeekCalendar.tsx
@@ -229,7 +229,7 @@ function ParkRow({
         }}>
           <div style={{ minWidth: 0, flex: 1 }}>
             <div style={{ display: "flex", alignItems: "center", gap: 6 }}>
-              <span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)" }}>
+              <span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", whiteSpace: "nowrap" }}>
                 {park.name}
               </span>
               {rideCounts?.[park.id] !== undefined && (
@@ -294,7 +294,7 @@ export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coas
         tableLayout: "fixed",
       }}>
         <colgroup>
-          <col style={{ width: "25%" }} />
+          <col style={{ width: "clamp(220px, 22%, 280px)" }} />
           {weekDates.map((d) => (
             <col key={d} style={{ width: 130 }} />
           ))}