From b216c89fe7e85a1314f5f9eb89bcae0aebf713ba Mon Sep 17 00:00:00 2001
From: HardiReady <hardi@noarch.de>
Date: Sat, 2 Feb 2019 12:28:22 +0100
Subject: [PATCH] Scoreboard: Fixed table header and header icon tooltip in FF

---
 .../war/scoreboard/scoreboard.component.css        | 14 ++++++++++++--
 .../war/scoreboard/scoreboard.component.html       |  5 ++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/static/src/app/statistic/war/scoreboard/scoreboard.component.css b/static/src/app/statistic/war/scoreboard/scoreboard.component.css
index 7367a6f..e7762f8 100644
--- a/static/src/app/statistic/war/scoreboard/scoreboard.component.css
+++ b/static/src/app/statistic/war/scoreboard/scoreboard.component.css
@@ -1,5 +1,5 @@
 .scoreboard-table {
-  width: 1115px;
+  width: 1058px;
   margin: auto;
   height: 68vh;
   overflow-x: hidden;
@@ -8,6 +8,16 @@
   border-bottom: 1px solid #dadada;
 }
 
+.mat-header-row {
+  width: 1058px;
+  position: fixed;
+  z-index: 100;
+}
+
+.mat-table > mat-row:first-of-type {
+  padding-top: 56px;
+}
+
 .mat-column-name {
   flex: 0 0 220px;
 }
@@ -18,7 +28,7 @@
 
 .mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-vehicleLight,
 .mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-death, .mat-column-respawn, .mat-column-interact {
-  flex: 0 0 80px;
+  flex: 0 0 75px;
 }
 
 :host /deep/ .mat-table .mat-icon {
diff --git a/static/src/app/statistic/war/scoreboard/scoreboard.component.html b/static/src/app/statistic/war/scoreboard/scoreboard.component.html
index 4ef7c99..09fe393 100644
--- a/static/src/app/statistic/war/scoreboard/scoreboard.component.html
+++ b/static/src/app/statistic/war/scoreboard/scoreboard.component.html
@@ -20,9 +20,8 @@
     </ng-container>
 
     <ng-container *ngFor="let column of tableHead.slice(2, tableHead.length)" matColumnDef="{{column.prop}}">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="{{column.prop}}">
-        <mat-icon svgIcon="{{column.prop}}"
-                  matTooltip="{{column.head | translate}}">
+      <mat-header-cell *matHeaderCellDef mat-sort-header="{{column.prop}}" matTooltip="{{column.head | translate}}">
+        <mat-icon svgIcon="{{column.prop}}">
         </mat-icon>
       </mat-header-cell>
       <mat-cell *matCellDef="let element">{{element[column.prop]}}</mat-cell>