From 7c58543ec8a7f54a9a0c4dad0134d73da3f1c48f Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Tue, 24 Feb 2026 01:52:25 -0500
Subject: [PATCH] Tighten landscape logo-golfer gap, alternate suit colors on
 ball logo

Reduce golfer-container margin from 10px to 4px in landscape (2-row)
mode while keeping 10px on mobile. Swap bottom suits to checkerboard
pattern: club/diamond on top, heart/spade on bottom.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/golfball-logo.svg | 4 ++--
 client/style.css         | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/golfball-logo.svg b/client/golfball-logo.svg
index 2186daf..63801ec 100644
--- a/client/golfball-logo.svg
+++ b/client/golfball-logo.svg
@@ -62,6 +62,6 @@
   <!-- Card suits - 2x2 grid -->
   <text x="36" y="40" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9827;</text>
   <text x="64" y="40" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9830;</text>
-  <text x="36" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9824;</text>
-  <text x="64" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9829;</text>
+  <text x="36" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9829;</text>
+  <text x="64" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9824;</text>
 </svg>
diff --git a/client/style.css b/client/style.css
index 8614a3e..778136e 100644
--- a/client/style.css
+++ b/client/style.css
@@ -141,13 +141,16 @@ body {
         margin-left: 0;
         margin-right: 10px;
     }
+    .golfer-container {
+        margin-left: 10px;
+    }
 }
 
 /* Golfer + ball container */
 .golfer-container {
     position: relative;
     display: inline-block;
-    margin-left: 10px;
+    margin-left: 4px;
 }
 
 /* Golfer swing animation */