From 44284d671c25dc137cf9dbdb7ca8f033e4a8e376 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 24 Jul 2024 12:24:14 +1000
Subject: [PATCH] feat(ui): tweak padding for boards in list

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

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
index 8eb75624a5..a7644e0e1a 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
@@ -126,7 +126,8 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
             borderRadius="base"
             cursor="pointer"
             py={1}
-            px={2}
+            ps={1}
+            pe={4}
             gap={4}
             bg={isSelected ? 'base.850' : undefined}
             _hover={_hover}
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
index 97d3d7684b..05a9c51c17 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
@@ -64,8 +64,9 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
             alignItems="center"
             borderRadius="base"
             cursor="pointer"
-            px={2}
             py={1}
+            ps={1}
+            pe={4}
             gap={4}
             bg={isSelected ? 'base.850' : undefined}
             _hover={_hover}