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

Compact final results for mobile, delay turn shake hint

Browse Source 
Final results modal: keep BY POINTS and BY HOLES side-by-side on
mobile, compact spacing, buttons side-by-side, bottom padding for
mobile bar overlay.

Turn shake: delay 5s before first shake, 300ms every 2s.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 19:21:45 -05:00
parent 3e133b17c0
commit 60997e8ad4
1 changed files with 44 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
client/style.css
View File

@ -2812,26 +2812,63 @@ input::placeholder {
/* Mobile adjustments for final results modal */ /* Mobile adjustments for final results modal */
@media (max-width: 500px) { @media (max-width: 500px) {
.final-results-content { .final-results-content {
padding: 20px 25px; padding: 15px 12px;
width: 95%;
} }
.final-results-content h2 { .final-results-content h2 {
font-size: 1.5rem; font-size: 1.3rem;
margin-bottom: 10px;
}
.double-victory-banner {
padding: 8px 12px;
font-size: 0.95rem;
margin-bottom: 12px;
} }
.final-rankings { .final-rankings {
flex-direction: column; flex-direction: row;
gap: 15px; gap: 8px;
margin-bottom: 15px;
}
.final-ranking-section {
padding: 8px;
}
.final-ranking-section h3 {
font-size: 0.7rem;
margin-bottom: 6px;
padding-bottom: 4px;
} }
.final-rank-row { .final-rank-row {
font-size: 0.8rem;
padding: 4px 5px;
margin-bottom: 2px;
}
.final-rank-row .rank-pos {
width: 22px;
font-size: 0.9rem; font-size: 0.9rem;
padding: 6px 8px; }
.final-rank-row .rank-val {
font-size: 0.8rem;
}
.final-actions {
flex-direction: row;
gap: 8px;
padding-bottom: 60px;
} }
.final-actions .btn { .final-actions .btn {
min-width: 120px; min-width: 0;
padding: 12px 20px; flex: 1;
padding: 10px 12px;
font-size: 0.9rem;
} }
} }