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

Revert bottom bar to original working state

Browse Source 
Remove all flush-edge styling (negative margins, half-pills, border
removal). Restore original padding, justify-content, and pill shapes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 20:38:18 -05:00
parent 02f9b3c44d
commit 7e0c006f5e
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/style.css
View File

@ -5401,7 +5401,7 @@ body.mobile-portrait .game-buttons {
/* --- Mobile: Bottom bar --- */ /* --- Mobile: Bottom bar --- */
body.mobile-portrait #mobile-bottom-bar { body.mobile-portrait #mobile-bottom-bar {
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
background: none; background: none;
@ -5411,10 +5411,9 @@ body.mobile-portrait #mobile-bottom-bar {
z-index: 900; z-index: 900;
} }
/* Hole indicator — flush left edge */ /* Hole indicator — pinned left */
body.mobile-portrait #mobile-bottom-bar .mobile-round-info { body.mobile-portrait #mobile-bottom-bar .mobile-round-info {
margin-right: auto; margin-right: auto;
margin-left: -12px;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
font-size: 0.77rem; font-size: 0.77rem;
font-weight: 700; font-weight: 700;
@ -5422,20 +5421,15 @@ body.mobile-portrait #mobile-bottom-bar .mobile-round-info {
letter-spacing: 0.03em; letter-spacing: 0.03em;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.15);
border-left: none; border-radius: 20px;
border-radius: 0 20px 20px 0; padding: 4px 9px;
padding: 4px 10px 4px 12px;
} }
/* End Game — flush right edge */ /* End Game — pinned right */
body.mobile-portrait #mobile-bottom-bar .mobile-leave-btn { body.mobile-portrait #mobile-bottom-bar .mobile-leave-btn {
margin-left: auto; margin-left: auto;
margin-right: -12px;
background: rgba(180, 60, 60, 0.3) !important; background: rgba(180, 60, 60, 0.3) !important;
border-color: rgba(220, 80, 80, 0.4) !important; border-color: rgba(220, 80, 80, 0.4) !important;
border-right: none !important;
border-radius: 20px 0 0 20px !important;
padding-right: 12px !important;
color: rgba(255, 120, 120, 0.9) !important; color: rgba(255, 120, 120, 0.9) !important;
} }