From 1c7c713b32c1d42ef82da390690dca113b83d411 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Sun, 4 Jan 2026 21:38:02 +0100
Subject: [PATCH] UI: replace h3 with h4 in card titles

---
 js/ui.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/js/ui.js b/js/ui.js
index 35999ee..7de9037 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -201,7 +201,7 @@ export class UIRenderer {
                         ${SVG_PLAY}
                     </button>
                 </div>
-                <h3 class="card-title">${playlist.title}</h3>
+                <h4 class="card-title">${playlist.title}</h4>
                 <p class="card-subtitle">${playlist.numberOfTracks || 0} tracks</p>
             </div>
         `;
@@ -222,7 +222,7 @@ export class UIRenderer {
                         ${SVG_PLAY}
                     </button>
                 </div>
-                <h3 class="card-title">${mix.title}</h3>
+                <h4 class="card-title">${mix.title}</h4>
                 <p class="card-subtitle">${description}</p>
             </div>
         `;
@@ -289,7 +289,7 @@ export class UIRenderer {
                         ${SVG_PLAY}
                     </button>
                 </div>
-                <h3 class="card-title">${playlist.name}</h3>
+                <h4 class="card-title">${playlist.name}</h4>
                 <p class="card-subtitle">${playlist.tracks ? playlist.tracks.length : (playlist.numberOfTracks || 0)} tracks</p>
             </div>
         `;
@@ -323,7 +323,7 @@ export class UIRenderer {
                         ${SVG_PLAY}
                     </button>
                 </div>
-                <h3 class="card-title">${album.title} ${explicitBadge}</h3>
+                <h4 class="card-title">${album.title} ${explicitBadge}</h4>
                 <p class="card-subtitle">${album.artist?.name ?? ''}</p>
                 <p class="card-subtitle">${yearDisplay}${typeLabel}</p>
             </div>
@@ -339,7 +339,7 @@ export class UIRenderer {
                         ${this.createHeartIcon(false)}
                     </button>
                 </div>
-                <h3 class="card-title">${artist.name}</h3>
+                <h4 class="card-title">${artist.name}</h4>
             </div>
         `;
     }