From b70e87f25baa3000097a6ca4ba0662532f2ae172 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 10 Jul 2024 18:31:12 +1000
Subject: [PATCH] feat(ui): tweak add board button style

---
 .../gallery/components/Boards/BoardsList/AddBoardButton.tsx   | 4 +++-
 .../gallery/components/Boards/BoardsList/BoardsList.tsx       | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx
index 15490d8081..60468de145 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx
@@ -44,7 +44,9 @@ const AddBoardButton = ({ isPrivateBoard }: Props) => {
       onClick={handleCreateBoard}
       size="md"
       data-testid="add-board-button"
-      variant="ghost"
+      variant="link"
+      w={8}
+      h={8}
     />
   );
 };
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
index dd34cba93b..9bbc68ff9d 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
@@ -44,7 +44,7 @@ const BoardsList = () => {
         <OverlayScrollbarsComponent defer style={overlayScrollbarsStyles} options={overlayScrollbarsParams.options}>
           {allowPrivateBoards && (
             <>
-              <Flex w="full" justifyContent="space-between" alignItems="center" ps={2}>
+              <Flex w="full" justifyContent="space-between" alignItems="center" ps={2} py={1}>
                 <Text fontSize="md" fontWeight="medium" userSelect="none">
                   {t('boards.private')}
                 </Text>
@@ -63,7 +63,7 @@ const BoardsList = () => {
               </Flex>
             </>
           )}
-          <Flex w="full" justifyContent="space-between" alignItems="center" ps={2}>
+          <Flex w="full" justifyContent="space-between" alignItems="center" ps={2} py={1}>
             <Text fontSize="md" fontWeight="medium" userSelect="none">
               {allowPrivateBoards ? t('boards.shared') : t('boards.boards')}
             </Text>