From 01ca440585bfdc2283f5423ca61922ae90df3622 Mon Sep 17 00:00:00 2001
From: "Brennan Wilkes (Text Groove)" <brennan@textgroove.com>
Date: Mon, 2 Feb 2026 19:27:59 -0800
Subject: [PATCH] feat: syle

---
 viz/app/stats_page.js | 42 +++++++++++++++++++-----------------------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/viz/app/stats_page.js b/viz/app/stats_page.js
index 4c1ce3b..b3db6f2 100644
--- a/viz/app/stats_page.js
+++ b/viz/app/stats_page.js
@@ -266,33 +266,29 @@ export async function renderStats($app) {
       <div class="header">
         <div class="headerRow1">
           <div class="headerLeft">
+            <button id="back" class="btn">← Back</button>
             <h1 class="h1">Store Price Index</h1>
             <div class="small" id="statsStatus">Loading…</div>
           </div>
-          <div class="headerRight headerButtons">
-            <button id="back" class="btn">← Back</button>
-          </div>
-        </div>
+            <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
+                <label class="small" style="display:flex; gap:8px; align-items:center;">
+                Stores
+                <select id="statsGroup" class="selectSmall" aria-label="Store group">
+                    <option value="all">All Stores</option>
+                    <option value="bc">BC Only</option>
+                    <option value="ab">Alberta Only</option>
+                </select>
+                </label>
 
-        <div class="headerRow2">
-          <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
-            <label class="small" style="display:flex; gap:8px; align-items:center;">
-              Stores
-              <select id="statsGroup" class="selectSmall" aria-label="Store group">
-                <option value="all">All Stores</option>
-                <option value="bc">BC Only</option>
-                <option value="ab">Alberta Only</option>
-              </select>
-            </label>
-
-            <label class="small" style="display:flex; gap:8px; align-items:center;">
-              Index Size
-              <select id="statsSize" class="selectSmall" aria-label="Index size">
-                <option value="50">50</option>
-                <option value="250">250</option>
-                <option value="1000">1000</option>
-              </select>
-            </label>
+                <label class="small" style="display:flex; gap:8px; align-items:center;">
+                Index Size
+                <select id="statsSize" class="selectSmall" aria-label="Index size">
+                    <option value="50">50</option>
+                    <option value="250">250</option>
+                    <option value="1000">1000</option>
+                </select>
+                </label>
+            </div>
           </div>
         </div>
       </div>