From c07ed75d1f292202b191a4e05361c75f676d3422 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 19 Aug 2022 15:23:25 +0800
Subject: [PATCH] Button alignment

---
 .../components/templates/library/LibraryHeadline.tsx   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/web/components/templates/library/LibraryHeadline.tsx b/packages/web/components/templates/library/LibraryHeadline.tsx
index 84d3e1d83..afeee7a62 100644
--- a/packages/web/components/templates/library/LibraryHeadline.tsx
+++ b/packages/web/components/templates/library/LibraryHeadline.tsx
@@ -24,17 +24,17 @@ export function LibraryHeadline(props: LibraryHeadlineProps): JSX.Element {
   }, [props.layoutCoordinator.layout])
 
   return (
-    <HStack alignment="center" distribution="start" css={{ pt: '4px', pb: '8px', width: '100%', pr: '15px' }}>
+    <HStack alignment="center" distribution="start" css={{ pt: '8px', pb: '14px', width: '100%', pr: '15px' }}>
       <StyledText style="libraryHeader">Home</StyledText>
-      <HStack alignment="center" distribution="start" css={{ marginLeft: 'auto', gap: '16px' }}>
-        <Button style="ctaDarkYellow" css={{ px: '13px', display: 'flex', alignItems: 'center' }}>
+      <HStack alignment="center" distribution="start" css={{ marginLeft: 'auto', gap: '8px' }}>
+        <Button style="ctaDarkYellow" css={{ py: '10px', px: '14px', mr: '16px', display: 'flex', alignItems: 'center' }}>
           <Plus size={16} weight='bold' />
           <SpanBox css={{ pl: '10px', fontWeight: '600', fontSize: '16px' }}>Add Link</SpanBox>
         </Button>
-        <Button style="ghost" onClick={() => props.layoutCoordinator.setLayout('LIST_LAYOUT')}>
+        <Button style="ghost" onClick={() => props.layoutCoordinator.setLayout('LIST_LAYOUT')} css={{ display: 'flex', alignItems: 'center' }}>
           <LibraryListLayoutIcon color={typeColor('LIST_LAYOUT')} />
         </Button>
-        <Button style="ghost" onClick={() => props.layoutCoordinator.setLayout('GRID_LAYOUT')}>
+        <Button style="ghost" onClick={() => props.layoutCoordinator.setLayout('GRID_LAYOUT')} css={{ display: 'flex', alignItems: 'center' }}>
           <LibraryGridLayoutIcon color={typeColor('GRID_LAYOUT')} />
         </Button>
       </HStack>