fix: move heater/stirrer connection status next to the panel heading
The Connected/Disconnected badge, F/W version text, and both Connect/ Disconnect buttons were crammed into one row, clipping the Disconnect button off-panel. Move the status badge into the h3 heading itself (right-aligned) so the row below has room for the F/W text and both buttons. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01YaPLuRPpyjWcwhMvCvpHCL
This commit is contained in:
+2
-4
@@ -50,9 +50,8 @@
|
||||
</label>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<h3>Heater</h3>
|
||||
<h3>Heater <span id="heater-status" class="panel-status status-disconnected">Disconnected</span></h3>
|
||||
<div class="device-status-row">
|
||||
<span id="heater-status" class="status-disconnected">Disconnected</span>
|
||||
<span id="heater-firmware" class="device-firmware"></span>
|
||||
<button id="btn-heater-connect">Connect</button>
|
||||
<button id="btn-heater-disconnect" disabled>Disconnect</button>
|
||||
@@ -68,9 +67,8 @@
|
||||
</label>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<h3>Stirrer</h3>
|
||||
<h3>Stirrer <span id="stirrer-status" class="panel-status status-disconnected">Disconnected</span></h3>
|
||||
<div class="device-status-row">
|
||||
<span id="stirrer-status" class="status-disconnected">Disconnected</span>
|
||||
<span id="stirrer-firmware" class="device-firmware"></span>
|
||||
<button id="btn-stirrer-connect">Connect</button>
|
||||
<button id="btn-stirrer-disconnect" disabled>Disconnect</button>
|
||||
|
||||
Reference in New Issue
Block a user