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:
parent
8bc8595b39
commit
5fcf8bab60
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user