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

Pin Hole indicator left and End Game right in mobile bottom bar

Browse Source 
- Hole indicator: margin-right auto, pill background, brighter text (0.9 opacity)
- End Game: margin-left auto, pinned to right edge
- Standings/Scores stay centered between them

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-21 23:43:02 -05:00
parent ac2d53b404
commit 9339abe19c
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/style.css
View File

@ -5270,15 +5270,23 @@ body.mobile-portrait #mobile-bottom-bar {
z-index: 500; z-index: 500;
} }
/* Hole indicator — pinned left with pill background */
body.mobile-portrait #mobile-bottom-bar .mobile-round-info { body.mobile-portrait #mobile-bottom-bar .mobile-round-info {
color: rgba(255, 255, 255, 0.7); margin-right: auto;
font-size: 0.65rem; color: rgba(255, 255, 255, 0.9);
font-weight: 600; font-size: 0.7rem;
font-weight: 700;
white-space: nowrap; white-space: nowrap;
letter-spacing: 0.05em; letter-spacing: 0.03em;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 20px;
padding: 5px 12px;
} }
/* 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;
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;
color: rgba(255, 120, 120, 0.9) !important; color: rgba(255, 120, 120, 0.9) !important;