From ecad259db2b7500b1c057cb552418af663ce550d Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Sun, 22 Feb 2026 18:10:11 -0500 Subject: [PATCH] Lower held card position and add opponent row padding on mobile Reduce held card overlap offset from 0.35 to 0.15 on mobile portrait so it doesn't cover the second row of opponents. Increase bottom padding on opponents row from 6px to 12px for more breathing room. Co-Authored-By: Claude Opus 4.6 --- client/app.js | 4 +++- client/style.css | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/client/app.js b/client/app.js index 18e38da..50dfa6e 100644 --- a/client/app.js +++ b/client/app.js @@ -3544,7 +3544,9 @@ class GolfGame { const cardHeight = deckRect.height; // Position card centered, overlapping both piles (lower than before) - const overlapOffset = cardHeight * 0.35; // More overlap = lower position + // On mobile portrait, reduce overlap so held card doesn't cover 2-row opponents + const isMobilePortrait = document.body.classList.contains('mobile-portrait'); + const overlapOffset = cardHeight * (isMobilePortrait ? 0.15 : 0.35); const cardLeft = centerX - cardWidth / 2; const cardTop = deckRect.top - overlapOffset; this.heldCardFloating.style.left = `${cardLeft}px`; diff --git a/client/style.css b/client/style.css index 4c2bb21..aedf033 100644 --- a/client/style.css +++ b/client/style.css @@ -5071,7 +5071,7 @@ body.mobile-portrait .opponents-row { align-items: flex-start; gap: 9px 10px; min-height: 0 !important; - padding: 2px 4px 6px; + padding: 2px 4px 12px; overflow: visible; flex-shrink: 0; }