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

Scope container margin-top to mobile-portrait only

Browse Source 
Remove margin-top from base rules/leaderboard/matchmaking styles so
desktop and landscape layouts are unaffected. The 50px top margin is
now only applied via the mobile-portrait override.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 17:45:36 -05:00
parent 197595fc4d
commit d7ba3154a1
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/style.css
View File

@ -2848,7 +2848,7 @@ input::placeholder {
border-radius: 12px;
padding: 20px 35px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 50px;
margin-top: 0;
scroll-behavior: smooth;
}
@ -3444,7 +3444,6 @@ input::placeholder {
#matchmaking-screen {
text-align: center;
padding: 40px 20px;
margin-top: 50px;
}
#matchmaking-screen h2 {
@ -3517,7 +3516,7 @@ input::placeholder {
border-radius: 12px;
padding: 20px 25px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 50px;
margin-top: 0;
}
.leaderboard-header {
@ -5017,7 +5016,8 @@ body.mobile-portrait .game-header #leave-game-btn {
}
body.mobile-portrait .rules-container,
body.mobile-portrait .leaderboard-container {
body.mobile-portrait .leaderboard-container,
body.mobile-portrait #matchmaking-screen {
margin-top: 50px;
}