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.
This commit is contained in:
lakshay
2026-06-29 14:26:25 -04:00
parent 705080a554
commit 950d09814e

View File

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