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:
parent
e601eb04c9
commit
e2f353d4ab
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user