adjust navbar height

frontend/src/components/LandingNavbar.js

@@ -4,7 +4,6 @@ import {
   Button,
   Image,
   ButtonGroup,
-  Spacer,
   Link,
   Flex,
   Menu,
@@ -36,7 +35,7 @@ const LandingNavbar = () => {
           <Flex
             pl={ui.isMobileView ? 2 : "60px"}
             justifySelf="flex-start"
-            h="48px"
+            h={ui.isMobileView && !ui.isAppView ? "89px" : "72px"}
             py={1}
             flexBasis="200px"
             flexGrow={0.6}
@@ -180,12 +179,6 @@ const LandingNavbar = () => {
           </ButtonGroup>
         </>
       )}
-      {ui.isLoggedIn && ui.isMobileView && (
-        <>
-          <Spacer />
-          <ChakraAccountIconButton variant="link" colorScheme="orange" />
-        </>
-      )}
     </>
   );
 };

frontend/src/components/Navbar.js

@@ -15,8 +15,8 @@ const Navbar = () => {
       zIndex={1}
       alignItems="center"
       id="Navbar"
-      minH={isMobileView ? "48px" : "72px"}
-      maxH={isMobileView ? "48px" : "72px"}
+      minH={isMobileView && !isAppView ? "89px" : "72px"}
+      maxH={isMobileView && !isAppView ? "89px" : "72px"}
       bgColor={BACKGROUND_COLOR}
       borderBottom="1px solid white"
       direction="row"