Fix logo-golfer spacing: source order bug, tighten landscape, widen mobile

Base .golfer-container rule was after the mobile @media override,
clobbering it. Moved base rule before the media query. Landscape
gets -2px (snug), mobile gets 12px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-24 01:55:28 -05:00
parent 8bc8595b39
commit 5fcf8bab60

View File

@ -114,6 +114,13 @@ body {
margin-bottom: 0; margin-bottom: 0;
} }
/* Golfer + ball container */
.golfer-container {
position: relative;
display: inline-block;
margin-left: -2px;
}
#lobby-game-controls, #lobby-game-controls,
#auth-prompt { #auth-prompt {
max-width: 400px; max-width: 400px;
@ -142,17 +149,10 @@ body {
margin-right: 10px; margin-right: 10px;
} }
.golfer-container { .golfer-container {
margin-left: 15px; margin-left: 12px;
} }
} }
/* Golfer + ball container */
.golfer-container {
position: relative;
display: inline-block;
margin-left: 0;
}
/* Golfer swing animation */ /* Golfer swing animation */
.golfer-swing { .golfer-swing {
display: inline-block; display: inline-block;