From 0a5c70d465c93eec65c82f23544018e78f0bd53b Mon Sep 17 00:00:00 2001
From: HardiReady <hardi@noarch.de>
Date: Tue, 17 Jul 2018 13:39:56 +0200
Subject: [PATCH] Improve scoreboard table header

---
 static/src/app/app.component.css              |  1 +
 .../war/scoreboard/scoreboard.component.css   | 42 +++++++++----------
 .../war/scoreboard/scoreboard.component.html  |  2 +-
 3 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/static/src/app/app.component.css b/static/src/app/app.component.css
index e5407e4..70dad3d 100644
--- a/static/src/app/app.component.css
+++ b/static/src/app/app.component.css
@@ -10,6 +10,7 @@ li {
 
 .sidebar-toggle-btn {
   background: linear-gradient(-90deg, #e8e5e5, #ffffff);
+  filter: drop-shadow(2px 1px 1px #666);
   margin-left: -12px;
   z-index: 500;
 }
diff --git a/static/src/app/statistic/war/scoreboard/scoreboard.component.css b/static/src/app/statistic/war/scoreboard/scoreboard.component.css
index aa01b77..423e99b 100644
--- a/static/src/app/statistic/war/scoreboard/scoreboard.component.css
+++ b/static/src/app/statistic/war/scoreboard/scoreboard.component.css
@@ -3,7 +3,21 @@
   width:fit-content;
   border: 1px solid #dadada;
   overflow-x: auto;
-  margin:auto;
+  margin: auto;
+  margin-top: 56px;
+}
+
+:host /deep/ table.mat-table > thead {
+  position: absolute;
+  width: 977px;
+  display: inherit;
+  margin-left: -1px;
+  margin-top: -57px;
+  border: 1px solid #dadada;
+}
+
+:host /deep/ table.mat-table > tbody {
+  margin-top: 0 !important;
 }
 
 .in-table-btn {
@@ -11,20 +25,10 @@
   margin-top: -5px;
 }
 
-/* MATERIAL TABLE */
-table.mat-table {
-  margin: auto;
-}
-
 table.mat-table img {
   filter: invert(60%);
 }
 
-:host /deep/ table.mat-table > thead {
-  position: absolute;
-  display: inherit;
-}
-
 :host /deep/ table.mat-table > tbody {
   margin-top: 60px;
   display: block;
@@ -37,22 +41,14 @@ table.mat-table img {
   width: 90px;
 }
 
-.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-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 {
   width: 67px;
   text-indent: 9px;
 }
 
-th.mat-column-interact {
-  padding-left: 36px;
-  background: white;
-  position: relative;
-  z-index: 100;
-}
-
-/* TABLE SCROLLBAR */
-div::-webkit-scrollbar-thumb {
-  border-top: solid white 56px;
+td.mat-cell:last-child, td.mat-footer-cell:last-child, th.mat-header-cell:last-child {
+  padding-right: 0;
 }
 
 /* MAT ICON BUTTON */
diff --git a/static/src/app/statistic/war/scoreboard/scoreboard.component.html b/static/src/app/statistic/war/scoreboard/scoreboard.component.html
index dd30393..0adaf7d 100644
--- a/static/src/app/statistic/war/scoreboard/scoreboard.component.html
+++ b/static/src/app/statistic/war/scoreboard/scoreboard.component.html
@@ -29,7 +29,7 @@
     </ng-container>
 
     <ng-container matColumnDef="interact">
-      <th mat-header-cell *matHeaderCellDef>&nbsp;</th>
+      <th mat-header-cell *matHeaderCellDef></th>
       <td mat-cell *matCellDef="let element">
         <button mat-icon-button
                 matTooltip="Kampagnenstatistik für {{element.name}}"