From a1e532cb3f388be8d126caf4dab7078c294fbdfb Mon Sep 17 00:00:00 2001
From: Brian Krabach <brkrabac@microsoft.com>
Date: Tue, 31 Mar 2026 15:20:32 -0700
Subject: [PATCH] =?UTF-8?q?style:=20reorder=20devices=20panel=20=E2=80=94?=
 =?UTF-8?q?=20enable=20checkbox=20before=20device=20name=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 muxplex/frontend/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/muxplex/frontend/index.html b/muxplex/frontend/index.html
index bd24624..f8a1ade 100644
--- a/muxplex/frontend/index.html
+++ b/muxplex/frontend/index.html
@@ -181,14 +181,14 @@
           </div>
         </div>
         <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">
             <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" />
           </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 class="settings-field">
               <label class="settings-label" for="setting-view-mode">View Mode</label>