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

Fix dealer chip and status bar clipping on mobile edges

Browse Source 
Increase horizontal padding on game-table (4px to 10px) and header
(8px to 12px) to prevent edge clipping. Change opponents-row overflow
to visible so dealer chips aren't cut off.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 16:50:05 -05:00
parent 21362ba125
commit dbad7037d1
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/style.css
View File

@ -4952,7 +4952,7 @@ body.mobile-portrait .game-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 4px 8px; padding: 4px 12px;
padding-top: calc(4px + env(safe-area-inset-top, 0px)); padding-top: calc(4px + env(safe-area-inset-top, 0px));
font-size: 0.75rem; font-size: 0.75rem;
min-height: 32px; min-height: 32px;
@ -5023,8 +5023,9 @@ body.mobile-portrait .game-table {
justify-content: flex-start; justify-content: flex-start;
gap: 0 !important; gap: 0 !important;
flex: 1 1 0%; flex: 1 1 0%;
overflow: hidden; overflow-x: clip;
padding: 0 4px; overflow-y: hidden;
padding: 0 10px;
min-height: 0; min-height: 0;
max-height: 100%; max-height: 100%;
} }
@ -5038,7 +5039,7 @@ body.mobile-portrait .opponents-row {
gap: 4px 10px; gap: 4px 10px;
min-height: 0 !important; min-height: 0 !important;
padding: 2px 4px 6px; padding: 2px 4px 6px;
overflow: hidden; overflow: visible;
flex-shrink: 0; flex-shrink: 0;
} }