From 26bfbedcb990f9d1e5985c7f0c7ce9a0699c3471 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 1 Aug 2023 20:45:15 +0800
Subject: [PATCH] Show progress on grid, change separator for progress

---
 .../patterns/LibraryCards/LibraryCardStyles.tsx           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx b/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
index 34e28c50d..cf421f402 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
@@ -134,17 +134,17 @@ export function LibraryItemMetadata(
             Math.round((props.item.wordsCount ?? 0) / 235)
           )} min read`
         : null}
+      {highlightCount > 0
+        ? `  • ${highlightCount} highlight${highlightCount > 1 ? 's' : ''}`
+        : null}
       {(props.showProgress && props.item.readingProgressPercent) ?? 0 > 0 ? (
         <>
-          {`  • `}
+          {` | `}
           <SpanBox css={{ color: '#55B938' }}>
             {`${Math.round(props.item.readingProgressPercent)}%`}
           </SpanBox>
         </>
       ) : null}
-      {highlightCount > 0
-        ? `  • ${highlightCount} highlight${highlightCount > 1 ? 's' : ''}`
-        : null}
     </Box>
   )
 }