From 55006d6ff4b28ff90048ffe98ceaa19d12a58727 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 20:43:40 -0500
Subject: [PATCH] Fix bottom bar width: add align-self: stretch to override
 parent center

Parent #game-screen has align-items: center which shrink-wraps flex
children. Adding align-self: stretch makes the bottom bar span the
full screen width so space-between can distribute items properly.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/style.css b/client/style.css
index 99da46c..f304c08 100644
--- a/client/style.css
+++ b/client/style.css
@@ -5403,10 +5403,11 @@ body.mobile-portrait #mobile-bottom-bar {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    gap: 6px;
+    align-self: stretch;
+    gap: 8px;
     background: none;
     flex-shrink: 0;
-    padding: 6px 10px;
+    padding: 6px 12px;
     padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
     z-index: 900;
 }