From 86134a34bb487a87b32eda7613385c9223dbc55e Mon Sep 17 00:00:00 2001
From: Bas van Rossem <b.vanrossem@mendrix.nl>
Date: Thu, 19 Feb 2026 17:23:57 +0100
Subject: [PATCH] fix(web): use "max N" label and center combat stat cards

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/components/dashboard/VitalsSection.tsx | 4 ++--
 web/src/index.css                              | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/components/dashboard/VitalsSection.tsx b/web/src/components/dashboard/VitalsSection.tsx
index 346a253..2ca6720 100644
--- a/web/src/components/dashboard/VitalsSection.tsx
+++ b/web/src/components/dashboard/VitalsSection.tsx
@@ -12,7 +12,7 @@ export default function VitalsSection({ ship, onUpdate }: Props) {
       <div className="combat-stats">
         <div className="combat-stat">
           <NumericStepper
-            label={`Hull (/${ship.hull_max})`}
+            label={`Hull (max ${ship.hull_max})`}
             value={ship.hull_current}
             max={ship.hull_max}
             onChange={(v) => onUpdate({ hull_current: v })}
@@ -20,7 +20,7 @@ export default function VitalsSection({ ship, onUpdate }: Props) {
         </div>
         <div className="combat-stat">
           <NumericStepper
-            label={`Armor (/${ship.armor_max})`}
+            label={`Armor (max ${ship.armor_max})`}
             value={ship.armor_current}
             max={ship.armor_max}
             onChange={(v) => onUpdate({ armor_current: v })}
diff --git a/web/src/index.css b/web/src/index.css
index 342b25b..6f66763 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -332,6 +332,9 @@ button:disabled {
   border: 1px solid var(--color-border);
   border-radius: var(--radius);
   padding: var(--spacing-sm);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .stat-grid {