From 9c6ce255bd18b00857984c6da2216892bc984a15 Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Sun, 22 Feb 2026 13:19:26 -0500 Subject: [PATCH] Fix mobile layout overflow into bottom bar 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 --- client/style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/client/style.css b/client/style.css index 167c076..a09ba05 100644 --- a/client/style.css +++ b/client/style.css @@ -5021,7 +5021,7 @@ body.mobile-portrait .game-table { gap: 0 !important; flex: 1; overflow: hidden; - padding: 0 4px; + padding: 0 4px 36px; min-height: 0; } @@ -5048,6 +5048,7 @@ body.mobile-portrait .player-row { width: 100%; flex: 1; min-height: 0; + overflow: hidden; } /* Remove all arch rotation and margin on mobile */ @@ -5105,6 +5106,7 @@ body.mobile-portrait .opponent-showing { body.mobile-portrait .table-center { padding: 5px 10px; border-radius: 8px; + margin: auto 0; } body.mobile-portrait .deck-area { @@ -5147,7 +5149,7 @@ body.mobile-portrait .player-section { } body.mobile-portrait .player-area { - padding: 5px 8px; + padding: 5px 8px 9px; border-radius: 8px; width: auto; display: inline-block;