From 74d8951fe2fcf8f7b4ff70c4061f424340d863f0 Mon Sep 17 00:00:00 2001
From: jtricerolph <info@tricerolph.com>
Date: Thu, 2 Jul 2026 15:28:34 +0000
Subject: [PATCH] Center D/S/A values and header in their column

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/Planner.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Planner.tsx b/frontend/src/pages/Planner.tsx
index ef46b52..478029e 100644
--- a/frontend/src/pages/Planner.tsx
+++ b/frontend/src/pages/Planner.tsx
@@ -470,7 +470,7 @@ function SummaryTable({ bookings, pickup, onPickupChange }: SummaryProps) {
                 borderLeft: '2px solid rgba(255,255,255,0.3)',
               }}>Rooms</th>
               <th key={d + '-d'} style={{
-                fontSize: '0.72rem', fontWeight: 400, minWidth: '56px',
+                fontSize: '0.72rem', fontWeight: 400, minWidth: '56px', textAlign: 'center',
                 background: isWeekend(d) ? '#2a3d5e' : '#1e2d42',
                 borderLeft: '1px solid rgba(255,255,255,0.1)',
               }}>D / S / A</th>
@@ -561,7 +561,7 @@ function CatRows({ cat, dates, pickup, onPickupChange, isLast }: {
             {/* Right cell: D / S / A */}
             <td key={date + '-dsa'} style={{
               verticalAlign: 'middle', borderLeft: '1px solid var(--card-border)',
-              borderBottom: bbStyle, padding: '0.4rem 0.5rem 0.4rem 0.4rem', textAlign: 'right',
+              borderBottom: bbStyle, padding: '0.4rem 0.3rem', textAlign: 'center',
               ...(wknd ? { background: 'rgba(100,120,160,0.07)' } : {}),
             }}>
               <div style={{ fontSize: '0.8rem', color: '#c2502e', fontWeight: 600 }}>
@@ -628,7 +628,7 @@ function TotalRows({ dates, cats, pickup }: {
             </td>
             <td key={date + '-dsa'} style={{
               verticalAlign: 'middle', borderLeft: '1px solid var(--card-border)',
-              padding: '0.4rem 0.5rem 0.4rem 0.4rem', textAlign: 'right',
+              padding: '0.4rem 0.3rem', textAlign: 'center',
               ...(wknd ? { background: 'rgba(100,120,160,0.07)' } : {}),
             }}>
               <div style={{ fontSize: '0.8rem', color: '#c2502e', fontWeight: 600 }}>