From f4f7870a35094356ff264ef49a5b47c9a0b91ebb Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 7 Aug 2024 15:45:27 +0800
Subject: [PATCH] Improve layout for list mode

---
 .../components/patterns/LibraryCards/LibraryListCard.tsx    | 6 +++---
 .../web/components/templates/library/LibraryContainer.tsx   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
index 5fb5d00ab..bb48a1bc9 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@@ -85,9 +85,9 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
         height: '100%',
         cursor: 'pointer',
         gap: '10px',
-        borderStyle: 'none',
-        borderBottom: 'none',
-        borderRadius: '6px',
+        borderBottom: props.legacyLayout
+          ? 'unset'
+          : '1px solid $thLeftMenuBackground',
         '@media (max-width: 930px)': {
           borderRadius: '0px',
         },
diff --git a/packages/web/components/templates/library/LibraryContainer.tsx b/packages/web/components/templates/library/LibraryContainer.tsx
index 9143dfb7c..1c342ffc2 100644
--- a/packages/web/components/templates/library/LibraryContainer.tsx
+++ b/packages/web/components/templates/library/LibraryContainer.tsx
@@ -1334,7 +1334,7 @@ function LibraryItemsList(props: LibraryItemsProps): JSX.Element {
         width: '100%',
         gridAutoRows: 'auto',
         borderRadius: '6px',
-        gridGap: props.layout == 'LIST_LAYOUT' ? '10px' : '20px',
+        gridGap: props.layout == 'LIST_LAYOUT' ? '0px' : '20px',
         marginTop: '10px',
         marginBottom: '0px',
         paddingTop: '0',