From da863956b303f2ddba3354c54078b69dcdd4695f Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 21 Nov 2025 19:06:09 -0800
Subject: [PATCH] adjust various font sizes, weights around the app

---
 src/renderer/components/item-card/item-card.module.css        | 4 ++++
 src/renderer/components/item-card/item-card.tsx               | 2 ++
 .../features/shared/components/library-header.module.css      | 1 +
 .../features/sidebar/components/sidebar-item.module.css       | 1 +
 src/renderer/features/sidebar/components/sidebar.tsx          | 2 +-
 5 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/item-card/item-card.module.css b/src/renderer/components/item-card/item-card.module.css
index e1911424c..49a87e884 100644
--- a/src/renderer/components/item-card/item-card.module.css
+++ b/src/renderer/components/item-card/item-card.module.css
@@ -108,6 +108,10 @@
     }
 }
 
+.row.bold {
+    font-weight: 500;
+}
+
 .row.muted {
     color: var(--theme-colors-foreground-muted);
 }
diff --git a/src/renderer/components/item-card/item-card.tsx b/src/renderer/components/item-card/item-card.tsx
index 38a168fe9..84bd70c4c 100644
--- a/src/renderer/components/item-card/item-card.tsx
+++ b/src/renderer/components/item-card/item-card.tsx
@@ -1082,11 +1082,13 @@ const ItemCardRow = ({
     return (
         <Text
             className={clsx(styles.row, alignmentClass, {
+                [styles.bold]: index === 0,
                 [styles.compact]: type === 'compact',
                 [styles.default]: type === 'default',
                 [styles.muted]: isMuted,
                 [styles.poster]: type === 'poster',
             })}
+            size={index > 0 ? 'sm' : 'md'}
         >
             {row.format(data)}
         </Text>
diff --git a/src/renderer/features/shared/components/library-header.module.css b/src/renderer/features/shared/components/library-header.module.css
index 9036549cb..ba97889e1 100644
--- a/src/renderer/features/shared/components/library-header.module.css
+++ b/src/renderer/features/shared/components/library-header.module.css
@@ -104,6 +104,7 @@
     -webkit-line-clamp: 2;
     line-clamp: 2;
     font-size: 2rem;
+    font-weight: 800;
     line-height: 1.2;
     color: var(--theme-colors-foreground);
     -webkit-box-orient: vertical;
diff --git a/src/renderer/features/sidebar/components/sidebar-item.module.css b/src/renderer/features/sidebar/components/sidebar-item.module.css
index 61507ca7c..b051c2503 100644
--- a/src/renderer/features/sidebar/components/sidebar-item.module.css
+++ b/src/renderer/features/sidebar/components/sidebar-item.module.css
@@ -20,6 +20,7 @@
     align-content: center;
     overflow: hidden;
     text-overflow: ellipsis;
+    font-weight: 500;
     white-space: nowrap;
 }
 
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index 6b485bc0a..847534a25 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -133,7 +133,7 @@ export const Sidebar = () => {
                 >
                     <Accordion.Item value="library">
                         <Accordion.Control>
-                            <Text fw={600} variant="secondary">
+                            <Text fw={700} variant="secondary">
                                 {t('page.sidebar.myLibrary', {
                                     postProcess: 'titleCase',
                                 })}