From 732390425f2b829acd965944ba9952ef8da3de89 Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 14:29:34 -0400
Subject: [PATCH] Revert "fix: stack ride count below city/state to prevent
 overflow on small displays"

This reverts commit a1694668d9b89ee64c19f715691bac67b68e36b3.
---
 components/WeekCalendar.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/WeekCalendar.tsx b/components/WeekCalendar.tsx
index 9a1fda4..8ee358b 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: "clamp(0.68rem, 1.1vw, 0.85rem)", lineHeight: 1.2, color: "var(--color-text)" }}>
                 {park.name}
               </span>
               {rideCounts?.[park.id] !== undefined && (
@@ -246,17 +246,17 @@ function ParkRow({
                 }} />
               )}
             </div>
-            <div style={{ fontSize: "0.7rem", color: "var(--color-text-muted)", marginTop: 2 }}>
+            <div style={{ fontSize: "clamp(0.58rem, 0.9vw, 0.7rem)", color: "var(--color-text-muted)", marginTop: 2 }}>
               {park.location.city}, {park.location.state}
             </div>
-            {rideCounts?.[park.id] !== undefined && (
-              <div style={{ fontSize: "0.72rem", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, marginTop: 3 }}>
-                {rideCounts[park.id]} {coastersOnly
-                  ? (rideCounts[park.id] === 1 ? "coaster" : "coasters")
-                  : (rideCounts[park.id] === 1 ? "ride" : "rides")} operating
-              </div>
-            )}
           </div>
+          {rideCounts?.[park.id] !== undefined && (
+            <div style={{ fontSize: "clamp(0.58rem, 0.95vw, 0.72rem)", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, flexShrink: 0, textAlign: "right" }}>
+              {rideCounts[park.id]} {coastersOnly
+                ? (rideCounts[park.id] === 1 ? "coaster" : "coasters")
+                : (rideCounts[park.id] === 1 ? "ride" : "rides")} operating
+            </div>
+          )}
         </Link>
       </td>