From c1ef8098620b111c22dfb0008a342c74c4587d62 Mon Sep 17 00:00:00 2001
From: "courtmanr@gmail.com" <courtmanr@gmail.com>
Date: Thu, 13 Mar 2025 17:51:41 +0000
Subject: [PATCH] Reduce spacing between header and content for better layout

---
 frontend/src/App.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index c28d5ecc2..141be76c3 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -199,7 +199,7 @@ function AppContent() {
       <Container 
         maxWidth="lg" 
         sx={{ 
-          mt: { xs: 2, sm: 4 }, 
+          mt: { xs: 1, sm: 2 }, 
           mb: { xs: 2, sm: 4 }, 
           flexGrow: 1,
           px: { xs: 2, sm: 3 },
@@ -210,7 +210,7 @@ function AppContent() {
           }
         }}
       >
-        <Box sx={{ my: { xs: 2, sm: 4 } }}>
+        <Box sx={{ my: { xs: 1, sm: 2 } }}>
           {/* Network Display Component - pass the selected node as a prop */}
           <NetworkDisplay selectedNode={selectedNode} />
         </Box>