From 5fcf8bab60e879965c450c3183a3b28b83c42e40 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Tue, 24 Feb 2026 01:55:28 -0500
Subject: [PATCH] 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>
---
 client/style.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/style.css b/client/style.css
index caf0395..a665126 100644
--- a/client/style.css
+++ b/client/style.css
@@ -114,6 +114,13 @@ body {
     margin-bottom: 0;
 }
 
+/* Golfer + ball container */
+.golfer-container {
+    position: relative;
+    display: inline-block;
+    margin-left: -2px;
+}
+
 #lobby-game-controls,
 #auth-prompt {
     max-width: 400px;
@@ -142,17 +149,10 @@ body {
         margin-right: 10px;
     }
     .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 {
     display: inline-block;