v1.2.0 - terug knop toegevoegd en volgorde antwoorden op juiste manier neergezet

src/app/game/game.component.css

@@ -106,6 +106,10 @@
   background-color: #c0e4ff;
 }
 
+a{
+  cursor: pointer;
+}
+
 /* Voor kleine schermen zoals de iPhone (max-width: 600px) */
 @media (max-width: 600px) {
   .game-container {
@@ -135,3 +139,7 @@
   border-radius: 5px;
   cursor: pointer;
 }
+
+.backButton {
+  float: left;
+}

src/app/game/game.component.html

@@ -20,6 +20,9 @@
 </div>
 
 <div class="game-container" *ngIf="currentQuestion.type == 1 && !confirmed">
+  <div class="backButton">
+    <a (click)="currentQuestion.type = 0">← Vorige</a>
+  </div>
   <div class="question">
     <p>Vraag {{ localStorage.getItem('question') }}</p>
   </div>
@@ -42,6 +45,9 @@
 </div>
 
 <div class="game-container" *ngIf="currentQuestion.type == 2 && !confirmed">
+  <div class="backButton">
+    <a (click)="currentQuestion.type = 0">← Vorige</a>
+  </div>
   <div class="question">
     <p>Vraag {{ localStorage.getItem('question') }}</p>
   </div>
@@ -52,7 +58,7 @@
            cdkDrag
            [cdkDragData]="item"
            class="draggable-button">
-        {{ item.position }}
+        {{ item.label }}
       </div>
     </div>
 
@@ -71,6 +77,9 @@
 </div>
 
 <div class="game-container" *ngIf="currentQuestion.type == 3 && !confirmed">
+  <div class="backButton">
+    <a (click)="currentQuestion.type = 0">← Vorige</a>
+  </div>
   <div class="question">
     <p>Vraag {{ localStorage.getItem('question') }}</p>
   </div>
@@ -126,7 +135,7 @@
            cdkDrag
            [cdkDragData]="item"
            class="draggable-button">
-        {{ item.position }}
+        {{ item.label }}
       </div>
     </div>
 

src/app/game/game.component.ts

@@ -48,16 +48,16 @@ export class GameComponent implements OnInit {
 
   // Linkerkolom knoppen (1, 2, 3)
   leftButtons: Button[] = [
-    {position: 1},
-    {position: 2},
-    {position: 3}
+    {label: 'A'},
+    {label: 'B'},
+    {label: 'C'}
   ];
 
   // Rechterkolom knoppen (A, B, C)
   rightButtons: Button[] = [
-    {label: 'A'},
-    {label: 'B'},
-    {label: 'C'}
+    {label: '1'},
+    {label: '2'},
+    {label: '3'},
   ];
 
   onDrop(event: CdkDragDrop<Button[]>) {