From c2c9e8f867896fb69af02244f06d8154ca5ff8e0 Mon Sep 17 00:00:00 2001
From: vicrodh <103399283+vicrodh@users.noreply.github.com>
Date: Tue, 13 Jan 2026 11:00:58 -0600
Subject: [PATCH] style(ui): cap headings to playlist title size

---
 src/lib/components/HeroSection.svelte            | 2 +-
 src/lib/components/QueuePanel.svelte             | 2 +-
 src/lib/components/lyrics/LyricsLines.svelte     | 2 +-
 src/lib/components/views/ArtistDetailView.svelte | 4 ++--
 src/lib/components/views/FavoritesView.svelte    | 2 +-
 src/lib/components/views/LocalLibraryView.svelte | 4 ++--
 src/lib/components/views/LoginView.svelte        | 2 +-
 src/lib/components/views/SearchView.svelte       | 2 +-
 src/lib/components/views/SettingsView.svelte     | 2 +-
 9 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/HeroSection.svelte b/src/lib/components/HeroSection.svelte
index b55c96655..2b99774e4 100644
--- a/src/lib/components/HeroSection.svelte
+++ b/src/lib/components/HeroSection.svelte
@@ -66,7 +66,7 @@
   }
 
   .title {
-    font-size: 28px;
+    font-size: 24px;
     font-weight: 700;
     color: white;
     margin-bottom: 8px;
diff --git a/src/lib/components/QueuePanel.svelte b/src/lib/components/QueuePanel.svelte
index f7e1705d2..e228ca4b1 100644
--- a/src/lib/components/QueuePanel.svelte
+++ b/src/lib/components/QueuePanel.svelte
@@ -539,7 +539,7 @@
   }
 
   .emoji {
-    font-size: 48px;
+    font-size: 24px;
     margin-bottom: 16px;
   }
 
diff --git a/src/lib/components/lyrics/LyricsLines.svelte b/src/lib/components/lyrics/LyricsLines.svelte
index d4b07c49a..a7108d341 100644
--- a/src/lib/components/lyrics/LyricsLines.svelte
+++ b/src/lib/components/lyrics/LyricsLines.svelte
@@ -195,7 +195,7 @@
   }
 
   .lyrics-lines.immersive .lyrics-line.active {
-    font-size: 30px;
+    font-size: 24px;
     font-weight: 700;
   }
 
diff --git a/src/lib/components/views/ArtistDetailView.svelte b/src/lib/components/views/ArtistDetailView.svelte
index b94d8e2c7..778914ea0 100644
--- a/src/lib/components/views/ArtistDetailView.svelte
+++ b/src/lib/components/views/ArtistDetailView.svelte
@@ -754,7 +754,7 @@
   }
 
   .artist-name {
-    font-size: 36px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
     margin-bottom: 8px;
@@ -1213,7 +1213,7 @@
     }
 
     .artist-name {
-      font-size: 28px;
+      font-size: 24px;
     }
 
     .biography {
diff --git a/src/lib/components/views/FavoritesView.svelte b/src/lib/components/views/FavoritesView.svelte
index ae5630073..7832aa53b 100644
--- a/src/lib/components/views/FavoritesView.svelte
+++ b/src/lib/components/views/FavoritesView.svelte
@@ -516,7 +516,7 @@
   }
 
   .header-content h1 {
-    font-size: 32px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
     margin: 0 0 4px 0;
diff --git a/src/lib/components/views/LocalLibraryView.svelte b/src/lib/components/views/LocalLibraryView.svelte
index 12bc4938b..5ca92b958 100644
--- a/src/lib/components/views/LocalLibraryView.svelte
+++ b/src/lib/components/views/LocalLibraryView.svelte
@@ -1226,7 +1226,7 @@
   }
 
   .header-content h1 {
-    font-size: 32px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
     margin: 0 0 4px 0;
@@ -1998,7 +1998,7 @@
   }
 
   .album-info h1 {
-    font-size: 32px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
     margin: 0 0 8px 0;
diff --git a/src/lib/components/views/LoginView.svelte b/src/lib/components/views/LoginView.svelte
index 96bcb816b..829df1732 100644
--- a/src/lib/components/views/LoginView.svelte
+++ b/src/lib/components/views/LoginView.svelte
@@ -246,7 +246,7 @@
   }
 
   .logo h1 {
-    font-size: 32px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
     margin-top: 16px;
diff --git a/src/lib/components/views/SearchView.svelte b/src/lib/components/views/SearchView.svelte
index bbadef344..919cae73a 100644
--- a/src/lib/components/views/SearchView.svelte
+++ b/src/lib/components/views/SearchView.svelte
@@ -474,7 +474,7 @@
   }
 
   .search-header h1 {
-    font-size: 32px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
     margin-bottom: 16px;
diff --git a/src/lib/components/views/SettingsView.svelte b/src/lib/components/views/SettingsView.svelte
index 749be6758..ed6c3628e 100644
--- a/src/lib/components/views/SettingsView.svelte
+++ b/src/lib/components/views/SettingsView.svelte
@@ -1219,7 +1219,7 @@
   }
 
   .title {
-    font-size: 28px;
+    font-size: 24px;
     font-weight: 700;
     color: var(--text-primary);
   }