From bda98b1efedb8ab74cc14de52f517afc599a7e17 Mon Sep 17 00:00:00 2001
From: Cal Corum <calcorum@users.noreply.github.com>
Date: Thu, 27 Nov 2025 22:32:37 -0600
Subject: [PATCH] CLAUDE: Fine-tune base diamond positions in ScoreBoard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Move 1st and 3rd base slightly inward for better diagonal alignment
- Adjust vertical positioning for proper edge alignment with 2nd base
- Mobile: top-[64%], Desktop: top-[60%] for optimal display per breakpoint

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend-sba/components/Game/ScoreBoard.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend-sba/components/Game/ScoreBoard.vue b/frontend-sba/components/Game/ScoreBoard.vue
index 5c82b2c..6a82b91 100644
--- a/frontend-sba/components/Game/ScoreBoard.vue
+++ b/frontend-sba/components/Game/ScoreBoard.vue
@@ -41,13 +41,13 @@
 
                     <!-- 1st Base (Right) -->
                     <div
-                      class="absolute top-[60%] -right-1.5 -translate-y-1/2 w-5 h-5 rotate-45 transition-all"
+                      class="absolute top-[64%] -right-1 -translate-y-1/2 w-5 h-5 rotate-45 transition-all"
                       :class="runners.first ? 'bg-yellow-400 shadow-lg shadow-yellow-500/50' : 'bg-white/20'"
                     />
 
                     <!-- 3rd Base (Left) -->
                     <div
-                      class="absolute top-[60%] -left-1.5 -translate-y-1/2 w-5 h-5 rotate-45 transition-all"
+                      class="absolute top-[64%] -left-1 -translate-y-1/2 w-5 h-5 rotate-45 transition-all"
                       :class="runners.third ? 'bg-yellow-400 shadow-lg shadow-yellow-500/50' : 'bg-white/20'"
                     />
                   </div>
@@ -116,13 +116,13 @@
 
                   <!-- 1st Base (Right) -->
                   <div
-                    class="absolute top-[60%] -right-1.5 -translate-y-1/2 w-6 h-6 rotate-45 transition-all"
+                    class="absolute top-[60%] -right-1 -translate-y-1/2 w-6 h-6 rotate-45 transition-all"
                     :class="runners.first ? 'bg-yellow-400 shadow-lg shadow-yellow-500/50 animate-pulse' : 'bg-white/20'"
                   />
 
                   <!-- 3rd Base (Left) -->
                   <div
-                    class="absolute top-[60%] -left-1.5 -translate-y-1/2 w-6 h-6 rotate-45 transition-all"
+                    class="absolute top-[60%] -left-1 -translate-y-1/2 w-6 h-6 rotate-45 transition-all"
                     :class="runners.third ? 'bg-yellow-400 shadow-lg shadow-yellow-500/50 animate-pulse' : 'bg-white/20'"
                   />
                 </div>