Adding a close button in the stat menu.

Kyoo/ClientApp/src/app/player/player.component.html

@@ -17,8 +17,12 @@
     </div>
 
     <mat-card class="d-none w-25 m-5" [ngClass]="{'d-block': this.displayStats}">
-      <mat-card-header>
-        <mat-card-title>Stats</mat-card-title>
+      <mat-card-header style="margin-bottom: 0.5rem;">
+        <h4 style="align-self: center; margin-bottom: 0;">Stats</h4>
+        <div style="flex: 1 1 auto"></div>
+        <button mat-icon-button aria-label="Close" (click)="this.displayStats = false" style="outline: none;">
+          <mat-icon>close</mat-icon>
+        </button>
       </mat-card-header>
       <mat-card-content>
         Play method: <span style="float: right">{{this.playMethod}}</span>

Kyoo/ClientApp/src/styles.scss

@@ -46,6 +46,11 @@ $theme: mat-dark-theme($primary, $accent);
   background-color: rgba(255, 255, 255, .3) !important;
 }
 
+.mat-card-header-text
+{
+  margin: 0 5px !important;
+}
+
 //Material Icons
 @font-face {
   font-family: 'Material Icons';