- playing around with the spotify API

Author: TobiasMue91

tools/spotify_test.html

@@ -30,17 +30,6 @@
             page-break-inside: avoid;
         }
 
-        .page {
-            page-break-after: always;
-        }
-
-        .card-container {
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 20px;
-            padding: 20px;
-        }
-
         .card-page {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
@@ -228,27 +217,19 @@ <h3 class="title">${track.name}</h3>
             const printArea = document.getElementById('printArea');
             printArea.innerHTML = '';
 
-            // First page with QR codes
+            // Create QR code page
             const qrPage = document.createElement('div');
-            qrPage.className = 'page';
-            const qrContainer = document.createElement('div');
-            qrContainer.className = 'card-container';
-            qrPage.appendChild(qrContainer);
-
+            qrPage.className = 'card-page';
             tracks.slice(0, 21).forEach(track => {
-                qrContainer.appendChild(createQRCard(track, true));
+                qrPage.appendChild(createQRCard(track, true));
             });
             printArea.appendChild(qrPage);
 
-            // Second page with metadata
+            // Create metadata page
             const metadataPage = document.createElement('div');
-            metadataPage.className = 'page';
-            const metadataContainer = document.createElement('div');
-            metadataContainer.className = 'card-container';
-            metadataPage.appendChild(metadataContainer);
-
+            metadataPage.className = 'card-page';
             tracks.slice(0, 21).forEach(track => {
-                metadataContainer.appendChild(createQRCard(track, false));
+                metadataPage.appendChild(createQRCard(track, false));
             });
             printArea.appendChild(metadataPage);