Fix Deisgn and Connect To Socket Bug

src/app/game/game.component.html

@@ -5,7 +5,7 @@
     <mat-card-content class = "timer">{{timeRemaining}}</mat-card-content>
     <br>
   </div>
-  <div *ngIf="view === 'desktopView'" class="TimerLeft" style="margin-top: -4.25em; margin-right: -11.5em; margin-left: auto">
+  <div *ngIf="view === 'desktopView'" class="TimerLeft" style="margin-top: -1.9em; margin-right: -11.5em; margin-left: auto">
     <mat-progress-spinner style="border-radius: 50%;" class = "white transparent" color="primary" mode="determinate" value={{timeLeft}} aria-label="Rating">
     </mat-progress-spinner>
     <mat-card-content class = "timer">{{timeRemaining}}</mat-card-content>
@@ -49,8 +49,8 @@
     <div class="marginButtons" data-aos="zoom-out" data-aos-duration="1000">
       <button class="marginButtonRight" *ngIf="isExplainer" mat-raised-button color="primary" (click)="rightAnswer()">Richtig &#10004;</button>
       <button class="marginButtonLeft marginButtonRight" *ngIf="isExplainer" mat-raised-button color="accent" (click)="skipCard()">Überspringen &#187;</button>
-      <a *ngIf="!isExplainer" class="marginButtonRight"></a>
-      <button class="marginButtonLeft" mat-raised-button color="warn" [disabled]="PressTaboohDisabled" (click)="wrongAnswer()">Tabooh &#10008;</button>
+      <button *ngIf="isExplainer" class="marginButtonLeft" mat-raised-button color="warn" [disabled]="PressTaboohDisabled" (click)="wrongAnswer()">Tabooh &#10008;</button>
+      <button *ngIf="!isExplainer" mat-raised-button color="warn" [disabled]="PressTaboohDisabled" (click)="wrongAnswer()">Tabooh &#10008;</button>
     </div>
     <br>
     <br>

src/app/overview/overview.component.ts

@@ -188,6 +188,8 @@ export class OverviewComponent implements OnInit, OnDestroy {
     this.location.replaceState(this.sessionName + '/' + team);
     this.selectTeam();
     this.canStartGame();
+    this.unsubscribeAll();
+    this.getSocketData();
   }
 
   getGameStatus(): void {