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>
This commit is contained in:
adlee-was-taken 2026-02-22 17:01:36 -05:00
parent e601eb04c9
commit e2f353d4ab

View File

@ -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 {