From 05f89949665598e307eb4ee186f605c4b571b292 Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 09:37:19 -0400
Subject: [PATCH] polish: center hours pill and date number in desktop calendar
 cells

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

diff --git a/components/ParkMonthCalendar.tsx b/components/ParkMonthCalendar.tsx
index d31bd03..52dae63 100644
--- a/components/ParkMonthCalendar.tsx
+++ b/components/ParkMonthCalendar.tsx
@@ -167,6 +167,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
                 borderLeft: isToday ? "2px solid var(--color-today-border)" : "none",
                 display: "flex",
                 flexDirection: "column",
+                alignItems: "center",
                 gap: 4,
               }}>
                 {/* Date number */}
@@ -180,6 +181,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
                     : "var(--color-text-muted)",
                   lineHeight: 1,
                   flexShrink: 0,
+                  alignSelf: "center",
                 }}>
                   {cell.day}
                 </span>
@@ -204,6 +206,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
                     border: "1px solid var(--color-ph-border)",
                     borderRadius: 5,
                     padding: "3px 6px",
+                    textAlign: "center",
                   }}>
                     <div style={{ fontSize: "0.6rem", fontWeight: 700, color: "var(--color-ph-label)", textTransform: "uppercase", letterSpacing: "0.05em" }}>
                       Passholder
@@ -221,6 +224,7 @@ export function ParkMonthCalendar({ parkId, year, month, monthData, today, timez
                     border: "1px solid var(--color-open-border)",
                     borderRadius: 5,
                     padding: "3px 6px",
+                    textAlign: "center",
                   }}>
                     <div style={{ fontSize: "0.65rem", color: "var(--color-open-hours)" }}>
                       {dayData.hoursLabel}