update top bar

src/layout/MainLayout/Header/index.js

@@ -269,7 +269,7 @@ function Header(props) {
                 alignItems="center"
                 spacing={0}
               >
-                <Box sx={{ display: { xs: 'none', sm: 'block' } }}>
+                <Box sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}>
                   <AdminLogo />
                 </Box>
                 <IconButton
@@ -277,11 +277,11 @@ function Header(props) {
                   aria-label="open drawer"
                   edge="start"
                   onClick={handleDrawerToggle}
-                  sx={{ mr: 2, display: { sm: 'none' } }}
+                  sx={{ mr: 2, display: { md: 'none' } }}
                 >
                   <MenuIcon style={{ color: '#0C489E' }} />
                 </IconButton>
-                <Box sx={{ mr: 2, display: { sm: 'none' } }}>
+                <Box sx={{ mr: 2, display: { md: 'none' } }}>
                   <MobileLogo />
                   <span id="mobileTitle" >PNSPS</span>
                 </Box>

src/layout/MainLayout/index.js

@@ -55,7 +55,7 @@ const MainLayout = () => {
   }, [drawerOpen]);
 
   return (
-    <Box sx={{backgroundColor:'#ffffff', display: 'flex', width: '100%', flexDirection: "column", paddingTop: { xs: "5px", sm: "43px" }}}>
+    <Box sx={{backgroundColor:'#ffffff', display: 'flex', width: '100%', flexDirection: "column", paddingTop: { xs: "5px", sm: "25px", md: "43px" }}}>
       <Header/>
       {/* <Drawer open={open} handleDrawerToggle={handleDrawerToggle} /> */}
       <Box style={{ width: '100%', flexGrow: 1 } } sx={{ paddingTop: "38px" }}>