From fa269db3ef4231564748c1982c5f9499de9aedb7 Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 14:22:17 -0400
Subject: [PATCH] fix: truncate park name with ellipsis to prevent clash with
 dot and ride count

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 765f66d..3634e56 100644
--- a/components/WeekCalendar.tsx
+++ b/components/WeekCalendar.tsx
@@ -229,8 +229,8 @@ function ParkRow({
           gap: 10,
         }}>
           <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)" }}>
+            <div style={{ display: "flex", alignItems: "center", gap: 6, minWidth: 0 }}>
+              <span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
                 {park.name}
               </span>
               {rideCounts?.[park.id] !== undefined && (