From 8dfd92082c0a5fcb8a91100e4a5abd4dbc4b1e6a Mon Sep 17 00:00:00 2001
From: Smittix <smittix@outlook.com>
Date: Thu, 8 Jan 2026 13:29:15 +0000
Subject: [PATCH] Move Selected Device panel to top of WiFi visuals

Moves the Selected Device panel to be the first element in the
WiFi visualizations grid so it's visible without scrolling.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 templates/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 269d5e2..8e99490 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1201,6 +1201,13 @@
 
                 <!-- WiFi Visualizations (shown only in WiFi mode) -->
                 <div class="wifi-visuals" id="wifiVisuals" style="display: none;">
+                    <!-- Selected WiFi Device Info - at top for visibility -->
+                    <div class="wifi-visual-panel" style="grid-column: span 2;">
+                        <h5>📋 Selected Device</h5>
+                        <div id="wifiSelectedDevice" style="font-size: 11px; min-height: 100px;">
+                            <div style="color: var(--text-dim); padding: 20px; text-align: center;">Click a network or client to view details</div>
+                        </div>
+                    </div>
                     <div class="wifi-visual-panel">
                         <h5>Network Radar</h5>
                         <div class="radar-container">
@@ -1272,13 +1279,6 @@
                             </div>
                         </div>
                     </div>
-                    <!-- Selected WiFi Device Info -->
-                    <div class="wifi-visual-panel" style="grid-column: span 2;">
-                        <h5>📋 Selected Device</h5>
-                        <div id="wifiSelectedDevice" style="font-size: 11px; min-height: 100px;">
-                            <div style="color: var(--text-dim); padding: 20px; text-align: center;">Click a network or client to view details</div>
-                        </div>
-                    </div>
                     <!-- Network Relationship Graph -->
                     <div class="wifi-visual-panel network-graph-container" style="grid-column: span 2;">
                         <h4>🕸️ Network Topology</h4>