From 950d09814efa358905d65b2f4ce4da55f3bfdc46 Mon Sep 17 00:00:00 2001
From: lakshay <lakshay@resensys.net>
Date: Mon, 29 Jun 2026 14:26:25 -0400
Subject: [PATCH] Align Scan ID button styling with other checks toolbar
 buttons.

Remove inline styles from Scan ID and use the shared check-btn class so it matches Run All, Clear All, and the rest of the row.
---
 templates/index.html | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 4c59d0e..b5a2a38 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -310,8 +310,11 @@
       min-width:200px;
       flex:1;
     }
-    #run-all-btn {
-      white-space:nowrap;
+    #run-all-btn,
+    #page-checks .card-header-row .check-btn {
+      white-space: nowrap;
+      padding: 6px 10px;
+      border-radius: 10px;
     }
 
     /* ===== Desktop / default layout ===== */
@@ -1203,27 +1206,15 @@
              style="flex:1;min-width:200px;"
              placeholder="e.g. 15-03-58-80"
              title="Type Device ID and press Enter to add"/>
-      <button id="btn-scan" class="check-btn"
-              style="padding:6px 10px;border-radius:10px;border:1px solid #ccc;cursor:pointer;">
-        &#128247; Scan ID
-      </button>
-      <button id="run-all-btn"
-              style="padding:6px 10px;border-radius:10px;border:1px solid #ccc;cursor:pointer;">
-        ▶ Run All Checks
-      </button>
-      <button id="clear-all-btn"
-              style="padding:6px 10px;border-radius:10px;border:1px solid #ccc;cursor:pointer;">
-        ✕ Clear All
-      </button>
+      <button id="btn-scan" class="check-btn">&#128247; Scan ID</button>
+      <button id="run-all-btn" class="check-btn">▶ Run All Checks</button>
+      <button id="clear-all-btn" class="check-btn">✕ Clear All</button>
 
       <input id="site-id-input"
             style="min-width:140px"
             placeholder="Site ID (e.g. 48-07)"
             title="Enter a Site ID to load all devices into checks"/>
-      <button id="load-site-btn"
-              style="padding:6px 10px;border-radius:10px;border:1px solid #ccc;cursor:pointer;">
-        ⇥ Load from Site
-      </button>
+      <button id="load-site-btn" class="check-btn">⇥ Load from Site</button>
       <button id="exportChecksCsvBtn" class="check-btn">Export CSV</button>
     </div>