From 889f429dc6cda0b3de7dcf1555e2d1cffe12192b Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sun, 29 Mar 2026 13:53:40 -0400
Subject: [PATCH] feat: move shots bar between team rows for cleaner layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/static/script.js  | 2 +-
 app/static/styles.css | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/static/script.js b/app/static/script.js
index cd3980e..076de13 100644
--- a/app/static/script.js
+++ b/app/static/script.js
@@ -60,8 +60,8 @@ function renderLiveGame(game) {
                 ${dot}
             </div>
             ${teamRow(game, 'Away', 'live')}
-            ${teamRow(game, 'Home', 'live')}
             ${shots}
+            ${teamRow(game, 'Home', 'live')}
             ${hype}
         </div>`;
 }
diff --git a/app/static/styles.css b/app/static/styles.css
index 2c8b3c8..40c2fe8 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -145,6 +145,10 @@ main {
     border-top: 1px solid var(--card-border);
 }
 
+.team-row + .shots-bar + .team-row {
+    border-top: none;
+}
+
 .team-logo {
     width: 30px;
     height: 30px;
@@ -199,7 +203,7 @@ main {
 /* ── Shots Bar ──────────────────────────────────── */
 
 .shots-bar {
-    margin-top: 0.75rem;
+    margin: 0.2rem 0;
 }
 
 .shots-row {