bunch of nice cleanup of layout

packages/desktop/src/components/ConversationList.tsx

@@ -52,9 +52,6 @@ export function ConversationList({ lookingForSomeone = false }: { lookingForSome
   return (
     <>
       <List
-        sx={{
-          pt: 2,
-        }}
         subheader={
           <ListSubheader>
             <FiActivity />

packages/desktop/src/components/Navbar.tsx

@@ -51,7 +51,7 @@ const Navbar = ({
       sx={{
         WebkitAppRegion: 'drag',
         cursor: 'pointer',
-        pb: 1,
+        p: 2,
       }}
     >
       <NirvanaLogo />

packages/desktop/src/components/Terminal.tsx

@@ -512,13 +512,9 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
             backgroundColor: blueGrey[50],
             boxShadow: 3,
             borderRight: `1px solid ${blueGrey}`,
-          }}
+
-        >
+            display: 'flex',
-          <Stack
+            flexDirection: 'column',
-            direction={'column'}
-            spacing={1}
-            sx={{
-              p: 2,
           }}
         >
           <Navbar
@@ -527,6 +523,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
             handleChangeSearchInput={handleChangeSearchInput}
           />
 
+          <Box sx={{ p: 2 }}>
             {searchVal ? (
               <ListPeople people={searchUsersResults} />
             ) : (
@@ -534,6 +531,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
                 lookingForSomeone={selectedConversationId && !selectedConversation}
               />
             )}
+          </Box>
 
           {/* footer controls */}
           <Box
@@ -637,7 +635,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
               </MenuItem>
             </Menu>
           </Box>
-          </Stack>
         </Grid>
 
         <MainPanel />