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

Fix mobile layout overflow into bottom bar

Browse Source 
Add bottom padding to game-table to reserve space for the fixed bottom
bar, and overflow:hidden on player-row so content respects flex bounds.
Also centers draw pile with equal spacing and adds dealer chip clearance.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 13:19:26 -05:00
parent 06d52a9d2c
commit 9c6ce255bd
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/style.css
View File

@ -5021,7 +5021,7 @@ body.mobile-portrait .game-table {
gap: 0 !important; gap: 0 !important;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
padding: 0 4px; padding: 0 4px 36px;
min-height: 0; min-height: 0;
} }
@ -5048,6 +5048,7 @@ body.mobile-portrait .player-row {
width: 100%; width: 100%;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
overflow: hidden;
} }
/* Remove all arch rotation and margin on mobile */ /* Remove all arch rotation and margin on mobile */
@ -5105,6 +5106,7 @@ body.mobile-portrait .opponent-showing {
body.mobile-portrait .table-center { body.mobile-portrait .table-center {
padding: 5px 10px; padding: 5px 10px;
border-radius: 8px; border-radius: 8px;
margin: auto 0;
} }
body.mobile-portrait .deck-area { body.mobile-portrait .deck-area {
@ -5147,7 +5149,7 @@ body.mobile-portrait .player-section {
} }
body.mobile-portrait .player-area { body.mobile-portrait .player-area {
padding: 5px 8px; padding: 5px 8px 9px;
border-radius: 8px; border-radius: 8px;
width: auto; width: auto;
display: inline-block; display: inline-block;