From 618ea252730f30fa70689e8596e27f7566a5eac0 Mon Sep 17 00:00:00 2001
From: jcalabro <jamesrcalabro@gmail.com>
Date: Wed, 15 Apr 2026 22:12:22 -0400
Subject: [PATCH] Fix header height regression: negative margin on sign-out
 button

The min-h-[44px] on the sign-out button was stretching the header from
53px to 69px on all viewports. Adding -my-2.5 lets the 44px hit area
extend into the header padding without growing the header itself.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 client/src/components/layout/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/layout/Header.tsx b/client/src/components/layout/Header.tsx
index ca298e7..21f1847 100644
--- a/client/src/components/layout/Header.tsx
+++ b/client/src/components/layout/Header.tsx
@@ -40,7 +40,7 @@ export function Header() {
           </div>
           <button
             onClick={logout}
-            className="flex min-h-[44px] shrink-0 items-center rounded px-3 text-xs text-wood-500 transition-colors hover:bg-wood-700 hover:text-wood-200"
+            className="flex min-h-[44px] -my-2.5 shrink-0 items-center rounded px-3 text-xs text-wood-500 transition-colors hover:bg-wood-700 hover:text-wood-200"
           >
             Sign out
           </button>
-- 
knotmirror 0.0.1