From 02f9b3c44d738586dd35874418f48c69a617e6f4 Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Sun, 22 Feb 2026 20:36:18 -0500 Subject: [PATCH] Fix layout: restore 12px padding, use negative margins for flush edges Zero padding was breaking game layout. Keep 12px padding for layout stability and use margin-left: -12px / margin-right: -12px on the edge items to push them flush against screen edges. Co-Authored-By: Claude Opus 4.6 --- client/style.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/client/style.css b/client/style.css index 903319e..5e31c9d 100644 --- a/client/style.css +++ b/client/style.css @@ -5406,7 +5406,7 @@ body.mobile-portrait #mobile-bottom-bar { gap: 8px; background: none; flex-shrink: 0; - padding: 6px 0; + padding: 6px 12px; padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); z-index: 900; } @@ -5414,6 +5414,7 @@ body.mobile-portrait #mobile-bottom-bar { /* Hole indicator — flush left edge */ body.mobile-portrait #mobile-bottom-bar .mobile-round-info { margin-right: auto; + margin-left: -12px; color: rgba(255, 255, 255, 0.9); font-size: 0.77rem; font-weight: 700; @@ -5423,17 +5424,18 @@ body.mobile-portrait #mobile-bottom-bar .mobile-round-info { border: 1px solid rgba(255, 255, 255, 0.15); border-left: none; border-radius: 0 20px 20px 0; - padding: 4px 10px 4px 8px; + padding: 4px 10px 4px 12px; } /* End Game — flush right edge */ body.mobile-portrait #mobile-bottom-bar .mobile-leave-btn { margin-left: auto; + margin-right: -12px; background: rgba(180, 60, 60, 0.3) !important; border-color: rgba(220, 80, 80, 0.4) !important; border-right: none !important; border-radius: 20px 0 0 20px !important; - padding-right: 8px !important; + padding-right: 12px !important; color: rgba(255, 120, 120, 0.9) !important; }