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

@@ -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 })}

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 {