From adc2e96bf2c528a6764e389cd02ff4bb718ad95c Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Sat, 12 Jul 2025 02:43:07 -0400
Subject: [PATCH] refactor: clean up whitespace and improve comments in
 StatusBarManager

---
 src/views/components/NavBar.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/components/NavBar.jsx b/src/views/components/NavBar.jsx
index c1a49e3..53830fb 100644
--- a/src/views/components/NavBar.jsx
+++ b/src/views/components/NavBar.jsx
@@ -106,12 +106,13 @@ const NavBar = () => {
 
   return (
     <nav
-      className='flex gap-2 p-2'
+      className='mt-2 flex gap-2 p-3'
       style={{
         paddingTop: `calc( env(safe-area-inset-top, 0px))`,
         position: 'sticky',
         zIndex: 10000,
         top: 0,
+        minHeight: '45px',
         backgroundColor: 'var(--joy-palette-background-surface)',
       }}
     >
@@ -158,10 +159,10 @@ const NavBar = () => {
         sx={{
           '& .MuiDrawer-content': {
             position: 'fixed',
-            // top: 'calc(env(safe-area-inset-top, 0px))',
+            top: 'calc(env(safe-area-inset-top, 0px) + 35px)',
             left: 0,
-            // height:
-            // 'calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))',
+            height:
+              'calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))',
             overflow: 'auto',
             zIndex: 999,
           },