From dbad7037d1eb68721f75e4072f8aaf6e8cb463a9 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 16:50:05 -0500
Subject: [PATCH] Fix dealer chip and status bar clipping on mobile edges

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>
---
 client/style.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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