alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make mobile header flush with page edges and add spacing below

Browse Source 
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
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/style.css
View File

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