From baa471307e4f86d1f0fa864a76f7b4d0019471bc Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Tue, 24 Feb 2026 00:35:25 -0500
Subject: [PATCH] Tune lobby header: 2x2 suit grid, mobile spacing, tighter row
 gap

- Rearrange golf ball SVG suits from single row to 2x2 grid
- Add even spacing between logo, golfer, and title in mobile view
- Remove row-gap between logo row and title row in landscape view

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

diff --git a/client/golfball-logo.svg b/client/golfball-logo.svg
index 8800144..2186daf 100644
--- a/client/golfball-logo.svg
+++ b/client/golfball-logo.svg
@@ -59,9 +59,9 @@
   <!-- Outer edge highlight -->
   <circle cx="50" cy="44" r="46" fill="none" stroke="#ffffff" stroke-width="0.5" opacity="0.5"/>
 
-  <!-- Card suits - single row, larger -->
-  <text x="22" y="51" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9827;</text>
-  <text x="41" y="51" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9830;</text>
-  <text x="59" y="51" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9824;</text>
-  <text x="77" y="51" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9829;</text>
+  <!-- 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>
 </svg>
diff --git a/client/style.css b/client/style.css
index 5df65a6..4a3c9bb 100644
--- a/client/style.css
+++ b/client/style.css
@@ -107,7 +107,7 @@ body {
     grid-template-columns: auto;
     justify-items: start;
     text-align: left;
-    row-gap: 2px;
+    row-gap: 0;
 }
 
 .logo-row {
@@ -134,6 +134,13 @@ body {
     .golf-title {
         display: inline;
     }
+    .golfball-logo {
+        margin-right: 6px;
+    }
+    .golfer-swing {
+        margin-left: 0;
+        margin-right: 10px;
+    }
 }
 
 /* Golfer swing animation */