modified: templates/quiz_buzzer_multiplayer.html

templates/quiz_buzzer_multiplayer.html

@@ -98,7 +98,7 @@
     }
     .buzzer-grid {
       display: grid;
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
       gap: 20px;
       margin: 30px 0;
     }
@@ -247,13 +247,16 @@
     // Lade Team-Daten aus localStorage
     let teamCount = parseInt(localStorage.getItem('team_count')) || 4;
     let players = [];
+    let playerScoresData = {{ player_scores|tojson }} || [0, 0, 0, 0, 0, 0];
     
     for (let i = 1; i <= teamCount; i++) {
       const teamName = localStorage.getItem(`team_${i}_name`) || `Team ${i}`;
       const scoreIndex = i - 1;
-      const score = {{ player_scores|tojson }}[scoreIndex] || 0;
+      const score = playerScoresData[scoreIndex] || 0;
       players.push({ id: i, name: teamName, score: score });
     }
+    
+    console.log('Loaded teams:', players);
 
     window.onSpotifyWebPlaybackSDKReady = () => {
       const token = '{{ access_token }}';