From 3b9522fec3abefed562cfc72fc1c2d1095d35105 Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Sat, 21 Feb 2026 23:21:32 -0500 Subject: [PATCH] Fix mobile bottom bar: pin to viewport bottom, remove background - Position fixed bottom:0 so buttons are always at the very bottom - Remove dark background that was picking up the green felt color - Add bottom padding to game-table so player cards aren't hidden behind bar Co-Authored-By: Claude Opus 4.6 --- client/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/client/style.css b/client/style.css index d09dd76..16751f4 100644 --- a/client/style.css +++ b/client/style.css @@ -5006,6 +5006,7 @@ body.mobile-portrait .game-table { flex: 1; overflow: hidden; padding: 0 4px; + padding-bottom: calc(44px + env(safe-area-inset-bottom, 0px)); min-height: 0; } @@ -5258,15 +5259,14 @@ body.mobile-portrait #mobile-bottom-bar { justify-content: center; align-items: center; gap: 12px; - background: rgba(10, 10, 20, 0.7); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); + background: none; + position: fixed; + bottom: 0; + left: 0; + right: 0; padding: 8px 20px; padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); - width: 100%; z-index: 500; - flex-shrink: 0; - border-top: 1px solid rgba(255, 255, 255, 0.08); } body.mobile-portrait #mobile-bottom-bar .mobile-bar-btn {