Fix waveform not showing on mobile: update CSS height rules and resume AudioContext

js/events.js

@@ -44,6 +44,12 @@ export function initializePlayerEvents(player, audioPlayer, scrobbler, ui) {
             if (scrobbler.isAuthenticated() && lastFMStorage.isEnabled()) {
                 scrobbler.updateNowPlaying(player.currentTrack);
             }
+            
+            // Resume AudioContext for waveform on mobile (iOS)
+            if (waveformGenerator.audioContext.state === 'suspended') {
+                waveformGenerator.audioContext.resume();
+            }
+            
             updateWaveform();
         }
 

styles.css

@@ -3948,7 +3948,7 @@ img:not([src]), img[src=''] {
         grid-area: main;
     }
 
-    .progress-bar,
+    .progress-bar:not(.waveform-loaded),
     .volume-bar {
         height: 8px;
     }