From 901d001075ba293d3e97f6736c0eee9471fa598d Mon Sep 17 00:00:00 2001
From: Eduard Prigoana <eduard@prigoana.com>
Date: Sun, 8 Feb 2026 19:39:43 +0000
Subject: [PATCH] Clicking on the album in the player bar navigates to the
 album page and todo list

---
 index.html   |  2 +-
 js/events.js |  7 +++++++
 styles.css   |  6 ++++++
 todo.md      | 24 ++++++++++++++++++++++++
 4 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 todo.md

diff --git a/index.html b/index.html
index 9379a9c..1118a56 100644
--- a/index.html
+++ b/index.html
@@ -2913,7 +2913,7 @@
                                         <span class="description">Choose what shows when you click the album art</span>
                                     </div>
                                     <select id="now-playing-mode">
-                                        <option value="album">Show Album</option>
+                                        <option value="album">Go to Album</option>
                                         <option value="cover">Fullscreen Mode</option>
                                         <option value="lyrics">Lyrics Panel</option>
                                     </select>
diff --git a/js/events.js b/js/events.js
index 5850e4c..9d46e89 100644
--- a/js/events.js
+++ b/js/events.js
@@ -1521,6 +1521,13 @@ export function initializeTrackInteractions(player, api, mainContent, contextMen
         }
     });
 
+    document.querySelector('.now-playing-bar .album').addEventListener('click', () => {
+        const track = player.currentTrack;
+        if (track?.album?.id) {
+            navigate(`/album/${track.album.id}`);
+        }
+    });
+
     document.querySelector('.now-playing-bar .artist').addEventListener('click', (e) => {
         const link = e.target.closest('.artist-link');
         if (link) {
diff --git a/styles.css b/styles.css
index 4be47ee..bbe666f 100644
--- a/styles.css
+++ b/styles.css
@@ -1881,6 +1881,12 @@ input:checked + .slider::before {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    cursor: pointer;
+    transition: color var(--transition);
+}
+
+.track-info .details .album:hover {
+    color: var(--highlight);
 }
 
 .track-info .details .artist {
diff --git a/todo.md b/todo.md
new file mode 100644
index 0000000..de59d21
--- /dev/null
+++ b/todo.md
@@ -0,0 +1,24 @@
+# Feature Requests
+
+Sorted by ease of implementation (easiest to hardest):
+
+- [x] Album click navigation: Clicking on the album in the player bar navigates to the album page (default behavior - can be changed in settings)
+- [ ] Fix button overlap: Next track and casting buttons overlap on some screen resolutions
+- [ ] Reduce API calls: Minimize unnecessary API calls throughout the app
+- [ ] Editor's Picks: Create a JSON file of curated album IDs with metadata for the home screen. Include an option to disable in settings to avoid extra API calls.
+
+- [ ] Update notifications: Add ability to show the update popup in settings, with an option to automatically update (enabled by default)
+- [ ] Volume curve option: Add setting to switch between exponential and linear volume scaling
+- [ ] Custom fonts: Allow users to change fonts in settings or add custom fonts from Google Fonts or direct links
+
+- [ ] Audio effects: Add ability to change pitch and playback speed, plus effects like reverb, delay, and bitcrushing
+- [ ] Customizable EQ: Allow users to change the number of EQ bands and their range (-30 to 30), with a drag-to-adjust interface similar to FL Studio's velocity editor
+
+[ ] SoundCloud support: Integrate SoundCloud through SoundCloak
+[ ] Qobuz support: Integrate Qobuz through Qobuz-DL
+
+---
+
+## Bug Fixes
+
+- [ ] Next track and casting buttons overlap on some resolutions