From 0b2e0878fcde9305b6894767b45237274d187e1f Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 3 Aug 2023 17:05:36 +0800
Subject: [PATCH] Update margins on the list view, better title line spacing

---
 .../web/components/patterns/LibraryCards/LibraryCardStyles.tsx | 3 ++-
 .../web/components/patterns/LibraryCards/LibraryGridCard.tsx   | 2 --
 .../web/components/patterns/LibraryCards/LibraryListCard.tsx   | 3 +--
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx b/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
index 19fdf4e4a..3afa78ae5 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
@@ -34,7 +34,8 @@ export const TitleStyle = {
   color: '$thTextContrast2',
   fontSize: '16px',
   fontWeight: '700',
-  lineHeight: '1',
+  maxLines: 2,
+  lineHeight: '1.25',
   fontFamily: '$display',
   overflow: 'hidden',
   textOverflow: 'ellipsis',
diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index a198be1e8..97dc12f00 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -237,8 +237,6 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
         <Box
           css={{
             ...TitleStyle,
-            maxLines: 2,
-            lineHeight: 1.25,
             height: '42px',
           }}
         >
diff --git a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
index 3cdecf106..f10b68741 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@@ -60,8 +60,7 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
       css={{
         px: '20px',
         pl: '10px',
-        pt: '20px',
-        pb: '20px',
+        py: '15px',
         height: '100%',
         cursor: 'pointer',
         gap: '10px',