- update spotify music quiz

Author: TobiasMue91

tools/spotify_music_quiz_cards.html

@@ -87,7 +87,7 @@
             width: 60vmin;
             height: 60vmin;
             font-size: 30vmin;
-            padding-bottom: 7vmin;
+            padding-bottom: 5vmin;
             border: none;
             border-radius: 50%;
             background: linear-gradient(145deg, #1DB954, #169c45);
@@ -112,6 +112,10 @@
             box-shadow: 0 5px 15px rgba(29, 185, 84, 0.2);
         }
 
+        #pauseResumeButton .play {
+            padding-left: 3vmin;
+        }
+
         #player {
             display: flex;
             justify-content: center;
@@ -165,7 +169,7 @@
 
 <div id="player" class="hidden">
     <div class="button-container">
-        <button id="pauseResumeButton">||</button>
+        <button id="pauseResumeButton"><span class="pause">||</span></button>
         <a href="https://www.gptgames.dev/tools/spotify_qr_scanner" class="scan-button">
             Scan for next song
         </a>
@@ -189,7 +193,7 @@
             playerInstance.resume();
         }
         isPlaying = !isPlaying;
-        pauseResumeButton.textContent = isPlaying ? '||' : '▷';
+        pauseResumeButton.textContent = isPlaying ? '<span class="pause">||</span>' : '<span class="play">▷</span>';
     }
 
     function getUrlParameter(name) {