From f540d68edb2d02ad88de41bdbeeb7dc48e2e4995 Mon Sep 17 00:00:00 2001
From: Josiah Lee <josiahwlee@gmail.com>
Date: Wed, 3 Apr 2024 18:13:02 -0700
Subject: [PATCH] make headers 55px (#1477)

---
 .../components/PagePanelComponents/Home/Browse3.tsx |  2 +-
 .../Home/Browse3/Browse3SideNav.tsx                 |  2 +-
 .../Home/Browse3/pages/CallPage/CallOverview.tsx    |  2 +-
 .../Home/Browse3/pages/CallPage/CallPage.tsx        |  2 +-
 .../Home/Browse3/pages/common/SimplePageLayout.tsx  | 13 +++++++------
 5 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3.tsx
index 0449509024c..d8119787f87 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3.tsx
@@ -383,7 +383,7 @@ const MainPeekingLayout: FC = () => {
                   headerSuffix: (
                     <Box
                       sx={{
-                        height: '47px',
+                        height: '41px',
                         flex: '0 0 auto',
                       }}>
                       <FullPageButton
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/Browse3SideNav.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/Browse3SideNav.tsx
index af3aadffdb0..fa937b01d49 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3/Browse3SideNav.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/Browse3SideNav.tsx
@@ -238,7 +238,7 @@ const Browse3ProjectSideNav: FC<Browse3ProjectSideNavProps> = props => {
           pr: 1,
           pt: 2,
           pb: 2,
-          height: 65, // manual to match sidebar
+          height: 55, // manual to match sidebar
           borderBottom: '1px solid #e0e0e0',
           display: 'flex',
           alignItems: 'center',
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallOverview.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallOverview.tsx
index 41e37c7f674..44ac0fd0543 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallOverview.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallOverview.tsx
@@ -10,7 +10,7 @@ export const Overview = styled.div`
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 16px 0;
+  padding: 3px 0;
 `;
 Overview.displayName = 'S.Overview';
 
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallPage.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallPage.tsx
index 3bbcbf07461..592fd5eecca 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallPage.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/CallPage.tsx
@@ -117,7 +117,7 @@ const CallPageInnerVertical: FC<{
       headerExtra={
         <Box
           sx={{
-            height: '47px',
+            height: '41px',
           }}>
           <Button
             icon="layout-tabs"
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
index 9c522cabd02..c0ee5937f25 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
@@ -77,7 +77,7 @@ export const SimplePageLayout: FC<{
           zIndex: 1,
           backgroundColor: 'white',
           pb: 0,
-          height: 65, // manual to match sidebar
+          height: 55, // manual to match sidebar
 
           borderBottom: '1px solid #e0e0e0',
           display: 'flex',
@@ -88,8 +88,8 @@ export const SimplePageLayout: FC<{
         }}>
         <Box
           sx={{
-            height: 65, // manual to match sidebar
-            flex: '0 0 65px',
+            height: 55, // manual to match sidebar
+            flex: '0 0 55px',
             display: 'flex',
             flexDirection: 'row',
             alignItems: 'flex-end',
@@ -210,8 +210,8 @@ export const SimplePageLayoutWithHeader: FC<{
       }}>
       <Box
         sx={{
-          height: 65, // manual to match sidebar
-          flex: '0 0 65px',
+          height: 55, // manual to match sidebar
+          flex: '0 0 55px',
           display: 'flex',
           flexDirection: 'row',
           alignItems: 'flex-end',
@@ -272,6 +272,7 @@ export const SimplePageLayoutWithHeader: FC<{
                   overflow: 'auto',
                   borderBottom: '1px solid #e0e0e0',
                   p: 1,
+                  alignContent: 'center',
                 }}>
                 {props.headerContent}
               </Box>
@@ -324,7 +325,7 @@ const ActionMenu: FC<{
   return (
     <Box
       sx={{
-        height: '47px',
+        height: '41px',
         flex: '0 0 auto',
       }}>
       <IconButton