style: reorder devices panel — enable checkbox before device name input

The multi-device enable checkbox is the gating control; device name
only matters when multi-device is on. Place the checkbox first to
reinforce the logical dependency between the two settings.

No behavioral change — no tests enforce element ordering within a panel.
This commit is contained in:
Brian Krabach
2026-03-31 15:20:32 -07:00
parent ae07431ed1
commit a1e532cb3f
+4 -4
View File
@@ -181,14 +181,14 @@
</div> </div>
</div> </div>
<div class="settings-panel hidden" data-tab="devices"> <div class="settings-panel hidden" data-tab="devices">
<div class="settings-field">
<label class="settings-label" for="setting-device-name">Device Name</label>
<input type="text" id="setting-device-name" class="settings-input" placeholder="This device" />
</div>
<div class="settings-field"> <div class="settings-field">
<label class="settings-label" for="setting-multi-device-enabled">Enable multi-device support</label> <label class="settings-label" for="setting-multi-device-enabled">Enable multi-device support</label>
<input type="checkbox" id="setting-multi-device-enabled" class="settings-checkbox" /> <input type="checkbox" id="setting-multi-device-enabled" class="settings-checkbox" />
</div> </div>
<div class="settings-field">
<label class="settings-label" for="setting-device-name">Device Name</label>
<input type="text" id="setting-device-name" class="settings-input" placeholder="This device" />
</div>
<div id="multi-device-fields"> <div id="multi-device-fields">
<div class="settings-field"> <div class="settings-field">
<label class="settings-label" for="setting-view-mode">View Mode</label> <label class="settings-label" for="setting-view-mode">View Mode</label>