From 58907bdc4dbe0a248e19947858add93789c4a14e Mon Sep 17 00:00:00 2001
From: Smittix <smittix@outlook.com>
Date: Thu, 8 Jan 2026 13:33:12 +0000
Subject: [PATCH] Fix WiFi layout and remove redundant Target Signal panel

- Add min-height: 0 to output-panel to fix grid overflow scrolling
- Add min-height: 200px to output-content for device cards visibility
- Add max-height: 50vh to wifi-visuals to leave room for device list
- Make wifi-visuals scrollable when content exceeds max-height
- Remove Target Signal panel (redundant with Selected Device panel)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/index.css |  4 ++++
 templates/index.html | 14 --------------
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 9771d2b..f9b2068 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -926,6 +926,7 @@ header p {
     position: relative;
     overflow-y: auto;
     overflow-x: hidden;
+    min-height: 0; /* Allow shrinking in grid context for proper scrolling */
 }
 
 .output-panel::before {
@@ -994,6 +995,7 @@ header p {
     font-family: 'JetBrains Mono', monospace;
     font-size: 12px;
     background: var(--bg-primary);
+    min-height: 200px; /* Ensure minimum space for device cards */
 }
 
 .output-content::-webkit-scrollbar {
@@ -2552,6 +2554,8 @@ header p {
     background: var(--bg-secondary);
     margin: 0 15px 10px 15px;
     border: 1px solid var(--border-color);
+    max-height: 50vh; /* Limit height to leave room for device cards */
+    overflow-y: auto; /* Allow scrolling within visualizations */
 }
 
 @media (max-width: 1200px) {
diff --git a/templates/index.html b/templates/index.html
index 8e99490..11ea6b4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1265,20 +1265,6 @@
                             </div>
                         </div>
                     </div>
-                    <div class="wifi-visual-panel">
-                        <h5>Target Signal</h5>
-                        <div class="signal-strength-display">
-                            <div class="target-ssid" id="targetSsid">No target selected</div>
-                            <div class="signal-value" id="signalValue">-- dBm</div>
-                            <div class="signal-bars-large">
-                                <div class="signal-bar-large"></div>
-                                <div class="signal-bar-large"></div>
-                                <div class="signal-bar-large"></div>
-                                <div class="signal-bar-large"></div>
-                                <div class="signal-bar-large"></div>
-                            </div>
-                        </div>
-                    </div>
                     <!-- Network Relationship Graph -->
                     <div class="wifi-visual-panel network-graph-container" style="grid-column: span 2;">
                         <h4>🕸️ Network Topology</h4>