From 95acb70b98586c294b55f1d6e7938deb07fed507 Mon Sep 17 00:00:00 2001
From: Andy Aylward <andy@eggsample.net>
Date: Sun, 12 Apr 2026 14:32:59 -0400
Subject: [PATCH] Show share link on mobile during waiting phase

Use a separate CSS class for the share link during the waiting phase
so the mobile display:none rule only hides it during active play.

Fixes #212
---
 src/apps/golf/components/GolfGame.module.css | 3 ++-
 src/apps/golf/components/GolfGame.tsx        | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/apps/golf/components/GolfGame.module.css b/src/apps/golf/components/GolfGame.module.css
index bf95a64..befe396 100644
--- a/src/apps/golf/components/GolfGame.module.css
+++ b/src/apps/golf/components/GolfGame.module.css
@@ -152,7 +152,8 @@
   flex: 1;
 }
 
-.gameHeaderShare {
+.gameHeaderShare,
+.gameHeaderShareWaiting {
   flex-shrink: 0;
 }
 
diff --git a/src/apps/golf/components/GolfGame.tsx b/src/apps/golf/components/GolfGame.tsx
index 763a2ce..3e805c2 100644
--- a/src/apps/golf/components/GolfGame.tsx
+++ b/src/apps/golf/components/GolfGame.tsx
@@ -388,7 +388,7 @@ const GolfGame = ({ onGameIdChange, onPlayerIdChange, onPlayerNameChange, onConn
             </div>
           </div>
           {currentGamePermalink && (
-            <div className={styles.gameHeaderShare}>
+            <div className={gameState.gamePhase === 'waiting' ? styles.gameHeaderShareWaiting : styles.gameHeaderShare}>
               <PermalinkDisplay
                 label="Share Game"
                 url={currentGamePermalink}