From 1b748470a03c8ded5f242aaf96d04089d657f123 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Mon, 23 Feb 2026 23:14:56 -0500
Subject: [PATCH] Use width:fit-content on h1 for bulletproof logo-title
 alignment

The h1 shrinks to its widest child (GolfCards.club), centers via
margin auto, and text-align left aligns both lines within it.
No breakpoint-dependent transforms needed.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/style.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/client/style.css b/client/style.css
index 08a9a8a..8a48804 100644
--- a/client/style.css
+++ b/client/style.css
@@ -101,8 +101,9 @@ body {
     filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.25));
 }
 
-#lobby-screen h1,
-#lobby-screen .logo-row {
+#lobby-screen h1 {
+    width: fit-content;
+    margin: 0 auto;
     text-align: left;
 }
 
@@ -113,12 +114,10 @@ body {
 
 @media (max-width: 749px) {
     #lobby-screen h1 {
+        width: auto;
         text-align: center;
         text-indent: -18px;
     }
-    #lobby-screen .logo-row {
-        text-align: center;
-    }
     .logo-row {
         display: inline;
         margin-bottom: 0;