From a5b98f93e6ca343c4365b873bc70c5f4c3decc3e Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 15:48:53 -0400
Subject: [PATCH] fix: constrain ride count width so text wraps within its own
 box

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

diff --git a/components/WeekCalendar.tsx b/components/WeekCalendar.tsx
index c1670e1..8245756 100644
--- a/components/WeekCalendar.tsx
+++ b/components/WeekCalendar.tsx
@@ -254,7 +254,7 @@ function ParkRow({
             </div>
           )}
           {!isWeatherDelay && rideCounts?.[park.id] !== undefined && (
-            <div style={{ fontSize: "0.72rem", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, textAlign: "right", whiteSpace: "nowrap" }}>
+            <div style={{ fontSize: "0.72rem", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, textAlign: "right", maxWidth: 72, lineHeight: 1.3 }}>
               {rideCounts[park.id]} {coastersOnly
                 ? (rideCounts[park.id] === 1 ? "coaster" : "coasters")
                 : (rideCounts[park.id] === 1 ? "ride" : "rides")} operating