From 9390e03fb075519f10608927d9c6aebfc0041dbc Mon Sep 17 00:00:00 2001
From: Faizan Asad <57537470+noFAYZ@users.noreply.github.com>
Date: Wed, 26 Aug 2026 01:59:02 +0500
Subject: [PATCH] style: larger Home section headings

Recently played / More recommendations / Listen again: text-lg -> text-xl.
---
 src/ui/pages/HomePage.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ui/pages/HomePage.tsx b/src/ui/pages/HomePage.tsx
index c79f3e35..1c75f22d 100644
--- a/src/ui/pages/HomePage.tsx
+++ b/src/ui/pages/HomePage.tsx
@@ -367,7 +367,7 @@ export function HomePage({
 
       {compactRecent.length === 0 && isWaitingForLibrary && (
         <section className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-foreground">Recently played</h2>
+          <h2 className="text-xl font-semibold text-foreground">Recently played</h2>
           <div
             className="grid gap-1.5 [grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))]"
             role="status"
@@ -382,7 +382,7 @@ export function HomePage({
 
       {compactRecent.length > 0 && (
         <section className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-foreground">Recently played</h2>
+          <h2 className="text-xl font-semibold text-foreground">Recently played</h2>
           <div className="grid gap-1.5 [grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))]">
             {compactRecent.map((track) => (
               <button
@@ -411,14 +411,14 @@ export function HomePage({
 
       {moreSuggestions.length === 0 && isLoadingSuggestions && (
         <section className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-foreground">More recommendations</h2>
+          <h2 className="text-xl font-semibold text-foreground">More recommendations</h2>
           <AlbumGridSkeleton count={MORE_SUGGESTIONS_COUNT} label="Loading more recommendations" />
         </section>
       )}
 
       {moreSuggestions.length > 0 && (
         <section className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-foreground">More recommendations</h2>
+          <h2 className="text-xl font-semibold text-foreground">More recommendations</h2>
           <div className="grid gap-3 [grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))]">
             {moreSuggestions.map((track) => (
               <AlbumCard
@@ -436,14 +436,14 @@ export function HomePage({
 
       {largeRecent.length === 0 && isWaitingForLibrary && (
         <section className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-foreground">Listen again</h2>
+          <h2 className="text-xl font-semibold text-foreground">Listen again</h2>
           <AlbumGridSkeleton count={RECENT_LARGE_COUNT} label="Loading listen again" />
         </section>
       )}
 
       {largeRecent.length > 0 && (
         <section className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-foreground">Listen again</h2>
+          <h2 className="text-xl font-semibold text-foreground">Listen again</h2>
           <div className="grid gap-3 [grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))]">
             {largeRecent.map((track) => (
               <AlbumCard