Change new Game Start Button

src/app/app.module.ts

@@ -22,6 +22,7 @@ import { GameComponent } from './game/game.component';
 import { GuesserComponent } from './guesser/guesser.component';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
 import {MatIconModule} from '@angular/material/icon';
+import {MatTooltipModule} from '@angular/material/tooltip';
 
 @NgModule({
   declarations: [
@@ -48,7 +49,8 @@ import {MatIconModule} from '@angular/material/icon';
     MatProgressSpinnerModule,
     FormsModule,
     MatSlideToggleModule,
-    MatIconModule
+    MatIconModule,
+    MatTooltipModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/overview/overview.component.html

 <div style="text-align: center; margin-left: 15em; margin-right: 15em; margin-top: 5em;">
   <mat-card class="transparent">
+    <div class="FloatLeftAndCenterElement">
+      <div class="newStartButtonLeft">
+        <button matTooltip="Neues Spiel starten" [disabled]="buttonPlayDisabled" mat-raised-button color="primary" (click)="startGame()">
+          <mat-icon color = "white" aria-hidden="false">autorenew</mat-icon></button>
+      </div>
+      <div class="CenterText">
         <h2>{{membership}}</h2>
+      </div>
+    </div>
     <button mat-raised-button class = "{{red}}" (click)="joinTeam('red')">
       <mat-icon color = "warn" aria-hidden="false" aria-label="home icon red">home</mat-icon>
     </button>
     <button mat-raised-button class = "{{blue}}" (click)="joinTeam('blue')">
       <mat-icon style="color: darkblue" aria-hidden="false" aria-label="home icon blue">home</mat-icon>
     </button>
-
   </mat-card>
   <br>
   <br>
@@ -33,7 +40,6 @@
       <mat-card-title>{{nextTeam}} ist am Zug:</mat-card-title>
       <br>
       <button [disabled]="buttonPlayDisabled" mat-raised-button color="primary">Nächste Runde</button>
-      <button [disabled]="buttonPlayDisabled" mat-raised-button color="primary" (click)="startGame()">Neues Spiel starten</button>
     </mat-card-actions>
   </mat-card>
 </div>

src/app/overview/overview.component.scss

@@ -22,3 +22,7 @@ table {
   margin: 5px;
   cursor: pointer;
 }
+
+.FloatLeftAndCenterElement{width:100%;}
+.newStartButtonLeft{float:left;width:100px;}
+.CenterText{margin:0 auto;width:250px;}