From 45098955f101ad0639b3232183625408e050a640 Mon Sep 17 00:00:00 2001
From: Cal Corum <calcorum@users.noreply.github.com>
Date: Fri, 6 Feb 2026 19:48:19 -0600
Subject: [PATCH] CLAUDE: Increase transparency of runners container
 (bg-white/20) for more subtle appearance

---
 frontend-sba/components/Game/RunnersOnBase.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend-sba/components/Game/RunnersOnBase.vue b/frontend-sba/components/Game/RunnersOnBase.vue
index 4adaf99..c608098 100644
--- a/frontend-sba/components/Game/RunnersOnBase.vue
+++ b/frontend-sba/components/Game/RunnersOnBase.vue
@@ -2,9 +2,9 @@
   <!-- TODO: Spruce up the appearance of this component - improve styling, colors, animations, and visual polish -->
   <div v-if="hasRunners" class="runners-on-base-container">
     <!-- Split Layout: Runners List | Catcher Card -->
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-white/50 rounded-lg shadow-md overflow-hidden">
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-white/20 rounded-lg shadow-md overflow-hidden">
       <!-- LEFT: Runners List (with expandable cards) -->
-      <div class="border-r border-gray-200 p-4">
+      <div class="border-r border-gray-200/50 p-4">
         <h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide">
           Runners on Base
         </h3>
@@ -40,7 +40,7 @@
       </div>
 
       <!-- RIGHT: Catcher Card -->
-      <div class="p-4 bg-gray-50/30">
+      <div class="p-4 bg-gray-50/10">
         <h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide">
           Catcher
         </h3>