From 0f3ae992f9fa1fcbd23b30e6d5b5f620ad18992d Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Mon, 23 Feb 2026 22:36:00 -0500
Subject: [PATCH] Wrap logo+golfer in .logo-row and translateX left on
 landscape

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/index.html | 2 +-
 client/style.css  | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/index.html b/client/index.html
index 06cb1ea..7e86e4e 100644
--- a/client/index.html
+++ b/client/index.html
@@ -16,7 +16,7 @@
 
         <!-- Lobby Screen -->
         <div id="lobby-screen" class="screen active">
-            <h1><img src="golfball-logo.svg" alt="" class="golfball-logo"><span class="golfer-swing">🏌️</span><span class="kicked-ball">⚪</span> <span class="golf-title">GolfCards<span class="golf-title-tld">.club</span></span></h1>
+            <h1><span class="logo-row"><img src="golfball-logo.svg" alt="" class="golfball-logo"><span class="golfer-swing">🏌️</span><span class="kicked-ball">⚪</span></span> <span class="golf-title">GolfCards<span class="golf-title-tld">.club</span></span></h1>
             <p class="subtitle">6-Card Golf Card Game <button id="rules-btn" class="btn btn-small btn-rules">Rules</button> <button id="leaderboard-btn" class="btn btn-small leaderboard-btn">Leaderboard</button></p>
 
             <div class="alpha-banner">Beta Testing - Bear with us while, stuff.</div>
diff --git a/client/style.css b/client/style.css
index cbb06d2..48f4b99 100644
--- a/client/style.css
+++ b/client/style.css
@@ -101,9 +101,13 @@ body {
     filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.25));
 }
 
+.logo-row {
+    display: inline-block;
+}
+
 @media (orientation: landscape) {
-    .golfball-logo {
-        margin-left: -3.5rem;
+    .logo-row {
+        transform: translateX(-4.5rem);
     }
 }