From acd18b4d7b7df9a60aeed2e641c9ff847cdecf77 Mon Sep 17 00:00:00 2001
From: Timo <6156589+Shik3i@users.noreply.github.com>
Date: Wed, 22 Apr 2026 11:41:02 +0200
Subject: [PATCH] ui: move connection status to the top of the dev tab

---
 extension/popup.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/extension/popup.html b/extension/popup.html
index 554b069..1a95e1f 100644
--- a/extension/popup.html
+++ b/extension/popup.html
@@ -319,11 +319,6 @@
 
     <!-- Dev Tab -->
     <div id="tab-dev" class="tab-content">
-        <label>Video Debug Info</label>
-        <div id="videoDebug" class="info-card" style="font-size: 10px; font-family: monospace; color: var(--text-muted); min-height: 60px; line-height: 1.4;">
-            No tab selected or video detected.
-        </div>
-
         <label>Connection Status</label>
         <div id="connStatus" class="info-card" style="display:flex; align-items:center; gap: 10px;">
             <span id="connDot" class="status-dot status-offline"></span>
@@ -332,6 +327,11 @@
             <button id="copyLogs" class="btn secondary" style="width: auto; padding: 4px 10px; font-size: 11px;">Copy Logs</button>
         </div>
 
+        <label>Video Debug Info</label>
+        <div id="videoDebug" class="info-card" style="font-size: 10px; font-family: monospace; color: var(--text-muted); min-height: 60px; line-height: 1.4;">
+            No tab selected or video detected.
+        </div>
+
         <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 8px;">
             <label>Logs (Last 50)</label>
             <button id="clearLogs" style="background:transparent; border:none; color:var(--accent); font-size:10px; cursor:pointer;">CLEAR</button>