From c1e42d6aa1a7175dca0d1b4aaa5e03a4dcc04abc Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sat, 4 Apr 2026 15:25:01 -0400
Subject: [PATCH] fix: truncate long ride names with tooltip instead of
 wrapping

Restores fixed-height ride rows with ellipsis truncation.
Adds title attribute so hovering shows the full name in a native tooltip.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/park/[id]/page.tsx       | 2 +-
 components/LiveRidePanel.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/park/[id]/page.tsx b/app/park/[id]/page.tsx
index b4d0439..92309e8 100644
--- a/app/park/[id]/page.tsx
+++ b/app/park/[id]/page.tsx
@@ -318,7 +318,7 @@ function RideRow({ ride, parkHoursLabel }: { ride: RideStatus; parkHoursLabel?:
           background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)",
           flexShrink: 0,
         }} />
-        <span style={{
+        <span title={ride.name} style={{
           fontSize: "0.8rem",
           color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)",
           fontWeight: ride.isOpen ? 500 : 400,
diff --git a/components/LiveRidePanel.tsx b/components/LiveRidePanel.tsx
index d488dc7..2aa249a 100644
--- a/components/LiveRidePanel.tsx
+++ b/components/LiveRidePanel.tsx
@@ -162,7 +162,7 @@ function RideRow({ ride }: { ride: LiveRide }) {
           background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)",
           flexShrink: 0,
         }} />
-        <span style={{
+        <span title={ride.name} style={{
           fontSize: "0.8rem",
           color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)",
           fontWeight: ride.isOpen ? 500 : 400,