From 19ec70a5405f98c449d028b720189f3c3d86495e Mon Sep 17 00:00:00 2001
From: Tobias Leuschner <info@leuschner.dev>
Date: Sun, 10 May 2026 17:19:45 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Verbesserung=20der=20Topbar-Layoutstruk?=
 =?UTF-8?q?tur=20f=C3=BCr=20bessere=20Benutzeroberfl=C3=A4che?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.py      | 25 ++++++++++++++-----------
 version.txt |  2 +-
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/app.py b/app.py
index 13cad44..cae2aba 100644
--- a/app.py
+++ b/app.py
@@ -2189,8 +2189,9 @@ body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSys
 .topbar{background:var(--bg2);border-bottom:1px solid var(--brd);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
 .logo{display:flex;align-items:center;gap:.55rem;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--txt)}
 .logo-img{height:28px;width:auto;object-fit:contain}
-.topbar-wifi{margin-left:auto;display:flex;align-items:center;gap:.6rem;font-size:.82rem;background:var(--surf);border:1px solid var(--brd);border-radius:9999px;padding:.3rem .75rem}
-.topbar-wifi~.topbar-wifi,.wdot{width:7px;height:7px;border-radius:50%;transition:.3s;flex-shrink:0}
+.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}
+.topbar-wifi{display:flex;align-items:center;gap:.6rem;font-size:.82rem;background:var(--surf);border:1px solid var(--brd);border-radius:9999px;padding:.3rem .75rem;white-space:nowrap;min-width:0}
+.wdot{width:7px;height:7px;border-radius:50%;transition:.3s;flex-shrink:0}
 .wdot.c{background:var(--grn);box-shadow:0 0 6px var(--grn)}
 .wdot.a{background:var(--pur)}
 .wdot.d{background:var(--brd2)}
@@ -2383,15 +2384,17 @@ body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSys
   <div id="upd-badge" class="upd-badge" onclick="installUpdate()" title="Klicken zum Installieren">
     &#8593; <span id="upd-version"></span> verfügbar
   </div>
-  <div class="topbar-wifi">
-    <div class="wdot d" id="wdot"></div>
-    <span id="wifi-label">Verbinde...</span>
-    <span id="wifi-ip"></span>
-  </div>
-  <div id="vpn-pill" class="topbar-wifi" style="display:none">
-    <div class="wdot d" id="vpn-dot"></div>
-    <span id="vpn-label" style="font-weight:600;color:var(--txt)">VPN</span>
-    <span id="vpn-ip" style="color:var(--sub);font-family:monospace;font-size:.76rem"></span>
+  <div class="topbar-right">
+    <div class="topbar-wifi">
+      <div class="wdot d" id="wdot"></div>
+      <span id="wifi-label">Verbinde...</span>
+      <span id="wifi-ip"></span>
+    </div>
+    <div id="vpn-pill" class="topbar-wifi" style="display:none">
+      <div class="wdot d" id="vpn-dot"></div>
+      <span id="vpn-label" style="font-weight:600;color:var(--txt)">VPN</span>
+      <span id="vpn-ip" style="color:var(--sub);font-family:monospace;font-size:.76rem"></span>
+    </div>
   </div>
 </header>
 
diff --git a/version.txt b/version.txt
index 7f2b140..c8b4742 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-1.0.66
+1.0.67