feat: move shots bar between team rows for cleaner layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-29 13:53:40 -04:00
parent 1394b21fb3
commit 889f429dc6
2 changed files with 6 additions and 2 deletions
--- 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>`;
 }
--- 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 {