From e2f353d4abc87fa5b3754a17a43a8f8acaeab587 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 17:01:36 -0500
Subject: [PATCH] Make mobile header flush with page edges and add spacing
 below

Remove left/right/top padding from notification bar so it spans edge
to edge, and increase bottom margin from 4px to 8px for more breathing
room before the opponents row.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/style.css b/client/style.css
index 26887a2..2e4e86a 100644
--- a/client/style.css
+++ b/client/style.css
@@ -4966,14 +4966,14 @@ body.mobile-portrait .game-header {
     display: flex;
     flex-direction: row;
     align-items: center;
-    padding: 4px 12px;
-    padding-top: calc(4px + env(safe-area-inset-top, 0px));
+    padding: 2px 0;
+    padding-top: env(safe-area-inset-top, 0px);
     font-size: 0.75rem;
     min-height: 32px;
     width: 100%;
     margin-left: 0;
     gap: 4px;
-    margin-bottom: 4px;
+    margin-bottom: 8px;
 }
 
 body.mobile-portrait .header-col-left {