From 51aff8342663f45e28d854f4b4de93efce92fbbb Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 12 Jun 2024 19:31:44 +0800
Subject: [PATCH] Clean up some issues with padding during responsive

---
 packages/web/components/templates/NavigationLayout.tsx      | 6 +++++-
 packages/web/components/templates/library/LibraryHeader.tsx | 5 -----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/templates/NavigationLayout.tsx b/packages/web/components/templates/NavigationLayout.tsx
index 3fae76c18..9d23ce1e5 100644
--- a/packages/web/components/templates/NavigationLayout.tsx
+++ b/packages/web/components/templates/NavigationLayout.tsx
@@ -114,7 +114,11 @@ export function NavigationLayout(props: NavigationLayoutProps): JSX.Element {
   }, [showLogout])
 
   return (
-    <HStack css={{ width: '100vw', height: '100vh' }}>
+    <HStack
+      css={{ width: '100vw', height: '100vh' }}
+      distribution="start"
+      alignment="start"
+    >
       {props.pageMetaDataProps ? (
         <PageMetaData {...props.pageMetaDataProps} />
       ) : null}
diff --git a/packages/web/components/templates/library/LibraryHeader.tsx b/packages/web/components/templates/library/LibraryHeader.tsx
index 8995e7ebb..aead3f2fe 100644
--- a/packages/web/components/templates/library/LibraryHeader.tsx
+++ b/packages/web/components/templates/library/LibraryHeader.tsx
@@ -87,7 +87,6 @@ export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
           width: '100%',
           px: '70px',
           left: LIBRARY_LEFT_MENU_WIDTH,
-          height: small ? '60px' : DEFAULT_HEADER_HEIGHT,
           transition: 'height 0.5s',
           '@lgDown': { px: '20px' },
           '@mdDown': {
@@ -99,10 +98,6 @@ export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
       >
         <LargeHeaderLayout {...props} />
       </VStack>
-
-      {/* This spacer is put in to push library content down 
-      below the fixed header height. */}
-      <HeaderSpacer />
     </>
   )
 }