From d958258066e1fe5441164218f56d6147a6c14914 Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Sun, 22 Feb 2026 18:30:33 -0500 Subject: [PATCH] Lower held card position to just above the labels on mobile portrait Reduce overlap offset from 1.15 to 0.65 so the held card sits at the DRAW/DISCARD label level rather than up in the opponents area. Co-Authored-By: Claude Opus 4.6 --- client/app.js | 4 ++-- client/card-animations.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/client/app.js b/client/app.js index 7ac84fe..49b5c2a 100644 --- a/client/app.js +++ b/client/app.js @@ -3546,7 +3546,7 @@ class GolfGame { // Position card centered, overlapping both piles (lower than before) // On mobile portrait, place held card fully above the deck/discard area const isMobilePortrait = document.body.classList.contains('mobile-portrait'); - const overlapOffset = cardHeight * (isMobilePortrait ? 1.15 : 0.35); + const overlapOffset = cardHeight * (isMobilePortrait ? 0.65 : 0.35); const cardLeft = centerX - cardWidth / 2; const cardTop = deckRect.top - overlapOffset; this.heldCardFloating.style.left = `${cardLeft}px`; @@ -3609,7 +3609,7 @@ class GolfGame { const cardWidth = deckRect.width; const cardHeight = deckRect.height; const isMobilePortrait = document.body.classList.contains('mobile-portrait'); - const overlapOffset = cardHeight * (isMobilePortrait ? 1.15 : 0.35); + const overlapOffset = cardHeight * (isMobilePortrait ? 0.65 : 0.35); const cardLeft = centerX - cardWidth / 2; const cardTop = deckRect.top - overlapOffset; diff --git a/client/card-animations.js b/client/card-animations.js index 537e7ba..0118108 100644 --- a/client/card-animations.js +++ b/client/card-animations.js @@ -47,7 +47,7 @@ class CardAnimations { const cardWidth = deckRect.width; const cardHeight = deckRect.height; const isMobilePortrait = document.body.classList.contains('mobile-portrait'); - const overlapOffset = cardHeight * (isMobilePortrait ? 1.15 : 0.35); + const overlapOffset = cardHeight * (isMobilePortrait ? 0.65 : 0.35); return { left: centerX - cardWidth / 2,