From 4b83e3ae39e0fe115a8cbff0e067ca4d6bb578aa Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Mon, 2 Feb 2026 19:06:59 -0500
Subject: [PATCH] Refactor Live Network Traffic section for improved structure
 and spacing

---
 .../Servers/Proxmox/views/overview.blade.php  | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/overview.blade.php b/extensions/Servers/Proxmox/views/overview.blade.php
index ea20ef13e..ece3626dd 100644
--- a/extensions/Servers/Proxmox/views/overview.blade.php
+++ b/extensions/Servers/Proxmox/views/overview.blade.php
@@ -1237,12 +1237,13 @@
             </div>
         </div>
     </div>
+</div>
 
-    <!-- Live Network Traffic (Full Width) -->
-        <div wire:ignore class="bg-background-secondary border border-neutral rounded-xl p-6 h-full w-full mt-0">
-            <div class="flex items-center justify-between mb-4">
-                <div>
-                    <div class="flex items-center gap-2 min-w-0">
+<!-- Live Network Traffic (Full Width) -->
+<div wire:ignore class="bg-background-secondary border border-neutral rounded-xl p-6 w-full mt-8">
+    <div class="flex items-center justify-between mb-4">
+        <div>
+            <div class="flex items-center gap-2 min-w-0">
                         <h3 class="text-lg font-semibold flex items-center gap-2">
                             <svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
@@ -1325,15 +1326,17 @@
                     </button>
                 </div>
             </div>
-
-            <!-- Network Traffic Sections -->
-            <div id="network-traffic-container" data-live-traffic-endpoint="{{ route('proxmox.server.live-traffic', $server) }}">
-                <!-- Initial placeholder; replaced on first successful poll -->
-                <div class="border border-dashed border-neutral/40 rounded-lg p-6 text-center">
-                    <p class="text-sm text-base/60">Loading live network statistics…</p>
-                </div>
-            </div>
         </div>
+    </div>
+
+    <!-- Network Traffic Sections -->
+    <div id="network-traffic-container" data-live-traffic-endpoint="{{ route('proxmox.server.live-traffic', $server) }}">
+        <!-- Initial placeholder; replaced on first successful poll -->
+        <div class="border border-dashed border-neutral/40 rounded-lg p-6 text-center">
+            <p class="text-sm text-base/60">Loading live network statistics…</p>
+        </div>
+    </div>
+</div>