From 9c0e3398f12e7c58e0f4a790a30a4adb71320522 Mon Sep 17 00:00:00 2001
From: Lukas <lukas.richter@maibornwolff.de>
Date: Mon, 23 Mar 2026 13:54:20 +0100
Subject: [PATCH] Move AC shield next to initiative and refine shield style

Place AC between initiative and name to group static reference
stats on the left, leaving HP as the sole dynamic element on
the right. Dim the shield outline to 40% opacity so it recedes
visually, and nudge the number up 2px toward the visual center.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/web/src/components/ac-shield.tsx     |  4 ++--
 apps/web/src/components/combatant-row.tsx | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/components/ac-shield.tsx b/apps/web/src/components/ac-shield.tsx
index 4d8a8d4..2b81b24 100644
--- a/apps/web/src/components/ac-shield.tsx
+++ b/apps/web/src/components/ac-shield.tsx
@@ -24,12 +24,12 @@ export function AcShield({ value, onClick, className }: AcShieldProps) {
 				strokeWidth={1.5}
 				strokeLinecap="round"
 				strokeLinejoin="round"
-				className="absolute inset-0 h-full w-full"
+				className="absolute inset-0 h-full w-full opacity-40"
 				aria-hidden="true"
 			>
 				<path d="M14 1.5 L2.5 6.5 L2.5 15 Q2.5 25 14 30.5 Q25.5 25 25.5 15 L25.5 6.5 Z" />
 			</svg>
-			<span className="relative font-medium text-xs leading-none">
+			<span className="relative -mt-0.5 font-medium text-xs leading-none">
 				{value == null ? "\u2014" : String(value)}
 			</span>
 		</button>
diff --git a/apps/web/src/components/combatant-row.tsx b/apps/web/src/components/combatant-row.tsx
index c9537f0..8380868 100644
--- a/apps/web/src/components/combatant-row.tsx
+++ b/apps/web/src/components/combatant-row.tsx
@@ -520,7 +520,7 @@ export function CombatantRow({
 				isPulsing && "animate-concentration-pulse",
 			)}
 		>
-			<div className="grid grid-cols-[2rem_3rem_1fr_auto_auto_2rem] items-center gap-3 py-2">
+			<div className="grid grid-cols-[2rem_3rem_auto_1fr_auto_2rem] items-center gap-3 py-2">
 				{/* Concentration */}
 				<button
 					type="button"
@@ -544,6 +544,11 @@ export function CombatantRow({
 					onRollInitiative={onRollInitiative}
 				/>
 
+				{/* AC */}
+				<div className={cn(dimmed && "opacity-50")}>
+					<AcDisplay ac={combatant.ac} onCommit={(v) => setAc(id, v)} />
+				</div>
+
 				{/* Name + Conditions */}
 				<div
 					className={cn(
@@ -591,11 +596,6 @@ export function CombatantRow({
 					)}
 				</div>
 
-				{/* AC */}
-				<div className={cn(dimmed && "opacity-50")}>
-					<AcDisplay ac={combatant.ac} onCommit={(v) => setAc(id, v)} />
-				</div>
-
 				{/* HP */}
 				<div
 					className={cn(