https://checkmate.social
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>
+1
-1
+1
-1
client/src/components/layout/Header.tsx
+1
-1
client/src/components/layout/Header.tsx
···
40
40
</div>
41
41
<button
42
42
onClick={logout}
43
-
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"
43
+
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"
44
44
>
45
45
Sign out
46
46
</button>