From e405170c8bc3585deaa286ac2389a8a57ea767de Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 15:34:36 -0400
Subject: [PATCH] fix: allow ride count to wrap below park name on narrow
 mobile cards

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

diff --git a/components/ParkCard.tsx b/components/ParkCard.tsx
index 54d0330..3fc0bc7 100644
--- a/components/ParkCard.tsx
+++ b/components/ParkCard.tsx
@@ -43,6 +43,7 @@ export function ParkCard({ park, weekDates, parkData, today, openRideCount, coas
           display: "flex",
           alignItems: "flex-start",
           justifyContent: "space-between",
+          flexWrap: "wrap",
           gap: 12,
         }}>
           <div style={{ flex: 1, minWidth: 0 }}>
@@ -63,7 +64,7 @@ export function ParkCard({ park, weekDates, parkData, today, openRideCount, coas
             </div>
           </div>
 
-          <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 5, flexShrink: 0 }}>
+          <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 5 }}>
           {isOpenToday ? (
             <div style={{
               background: isWeatherDelay ? "var(--color-weather-bg)" : isClosing ? "var(--color-closing-bg)" : "var(--color-open-bg)",