From ec0dd4ef030af21839ebdabb0ac93a127969905a Mon Sep 17 00:00:00 2001
From: Pablo Revilla <pablorevilla@gmail.com>
Date: Thu, 18 Sep 2025 10:28:55 -0700
Subject: [PATCH] Work on status page

---
 meshview/templates/stats.html | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/meshview/templates/stats.html b/meshview/templates/stats.html
index 8cc688c..3613c2c 100644
--- a/meshview/templates/stats.html
+++ b/meshview/templates/stats.html
@@ -86,18 +86,19 @@
 <div class="main-container">
     <h2 class="main-header">Mesh Statistics - Summary </h2>
 
-<div class="summary-card">
-    <p>Total Nodes</p>
-    <div class="summary-count">{{ "{:,}".format(total_nodes) }}</div>
-</div>
-<div class="summary-card">
-    <p>Total Packets</p>
-    <div class="summary-count">{{ "{:,}".format(total_packets) }}</div>
-</div>
-
-<div class="summary-card">
-    <p>Total Packets Seen</p>
-    <div class="summary-count">{{ "{:,}".format(total_packets_seen) }}</div>
+<div class="summary-container" style="display:flex; justify-content:space-between; gap:10px; margin-bottom:20px;">
+    <div class="summary-card" style="flex:1;">
+        <p>Total Nodes</p>
+        <div class="summary-count">{{ "{:,}".format(total_nodes) }}</div>
+    </div>
+    <div class="summary-card" style="flex:1;">
+        <p>Total Packets</p>
+        <div class="summary-count">{{ "{:,}".format(total_packets) }}</div>
+    </div>
+    <div class="summary-card" style="flex:1;">
+        <p>Total Packets Seen</p>
+        <div class="summary-count">{{ "{:,}".format(total_packets_seen) }}</div>
+    </div>
 </div>