alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix bottom bar width: add align-self: stretch to override parent center

Browse Source 
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>
This commit is contained in:
adlee-was-taken 2026-02-22 20:43:40 -05:00
parent adcc59b6fc
commit 55006d6ff4
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/style.css
View File

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