From 2e16eab1554f5e72dd89715e7638cae45d4ab97f Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 1 Mar 2023 11:12:39 +0800
Subject: [PATCH] Adjust search bar after adjusting left menu

---
 .../components/templates/homeFeed/LibraryFilterMenu.tsx   | 8 ++++----
 .../web/components/templates/homeFeed/LibraryHeader.tsx   | 7 ++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index ab30f5406..c6e1ac2e9 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -8,7 +8,7 @@ import { useGetSubscriptionsQuery } from '../../../lib/networking/queries/useGet
 import { useGetLabelsQuery } from '../../../lib/networking/queries/useGetLabelsQuery'
 import { Label } from '../../../lib/networking/fragments/labelFragment'
 
-const MENU_WIDTH = '300px'
+export const LIBRARY_LEFT_MENU_WIDTH = '300px'
 
 type LibraryFilterMenuProps = {
   setShowAddLinkModal: (show: boolean) => void
@@ -27,7 +27,7 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
           position: 'fixed',
           bg: 'white',
           height: '100%',
-          width: MENU_WIDTH,
+          width: LIBRARY_LEFT_MENU_WIDTH,
           borderRight: '1px solid #E1E1E1',
           pr: '15px',
           overflow: 'auto',
@@ -45,7 +45,7 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
       the fixed left side menu. */}
       <Box
         css={{
-          minWidth: MENU_WIDTH,
+          minWidth: LIBRARY_LEFT_MENU_WIDTH,
           height: '100%',
           bg: '$grayBase',
         }}
@@ -312,7 +312,7 @@ function AddLinkButton(props: AddLinkButtonProps): JSX.Element {
       <VStack
         css={{
           marginTop: 'auto',
-          width: MENU_WIDTH,
+          width: LIBRARY_LEFT_MENU_WIDTH,
           height: '80px',
           pl: '25px',
         }}
diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
index b8b93935b..078740b05 100644
--- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
@@ -12,6 +12,7 @@ import { ListSelectorIcon } from '../../elements/images/ListSelectorIcon'
 import { GridSelectorIcon } from '../../elements/images/GridSelectorIcon'
 import { LayoutType } from './HomeFeedContainer'
 import { PrimaryDropdown } from '../PrimaryDropdown'
+import { LIBRARY_LEFT_MENU_WIDTH } from './LibraryFilterMenu'
 
 type LibraryHeaderProps = {
   layout: LayoutType
@@ -214,10 +215,10 @@ function LogoBox(): JSX.Element {
     <>
       <SpanBox
         css={{
-          ml: '25px',
+          pl: '25px',
           height: '24px',
-          width: '232px',
-          minWidth: '232px',
+          width: LIBRARY_LEFT_MENU_WIDTH,
+          minWidth: LIBRARY_LEFT_MENU_WIDTH,
           '@mdDown': {
             display: 'none',
           },