Add war list mouseover and background color select state

static/src/app/statistic/war/war-list/war-list.component.html

@@ -1,14 +1,13 @@
-<div class="war-menu">
-  <div class="war-list-header" *ngIf="!collapsed && loginService.hasPermission(3)">
+<div class="war-list-header" *ngIf="!collapsed && loginService.hasPermission(3)">
   <button mat-stroked-button (click)="selectNewCampaign()">
     {{'stats.sidebar.campaign.add' | translate}}
   </button>
   <button mat-stroked-button (click)="selectNewWar()">
     {{'stats.sidebar.battle.add' | translate}}
   </button>
-  </div>
+</div>
 
-  <div class="list-header"
+<div class="list-header"
      [ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
   <div class="select-indicator-container">
     <div class="select-indicator"></div>
@@ -17,9 +16,9 @@
             matTooltipPosition="right"
             svgIcon="stats-chart"></mat-icon>
   <span *ngIf="!collapsed">{{'stats.sidebar.overview' | translate}}</span>
-  </div>
+</div>
 
-  <div class="list-header"
+<div class="list-header"
      [ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
   <div class="select-indicator-container">
     <div class="select-indicator"></div>
@@ -28,16 +27,16 @@
             matTooltipPosition="right"
             svgIcon="highscore"></mat-icon>
   <span *ngIf="!collapsed">{{'stats.sidebar.highscore' | translate}}</span>
-  </div>
+</div>
 
-  <div class="list-header-battles">
+<div class="list-header-battles">
   <mat-icon [matTooltip]="collapsed ? toolTipTranslation['stats.sidebar.battles'] : ''"
             matTooltipPosition="right"
             svgIcon="battle"></mat-icon>
   <span *ngIf="!collapsed">{{'stats.sidebar.battles' | translate}}</span>
-  </div>
+</div>
 
-  <div class="battle-list">
+<div class="battle-list">
   <div *ngFor="let war of campaign.wars$ | async">
     <cc-war-item
       [war]="war"
@@ -48,9 +47,8 @@
       [selected]="war._id == selectedWarId">
     </cc-war-item>
   </div>
-  </div>
-
-  <div class="fill-vertical-border"
-       [ngClass]="{collapsed: collapsed}">
-  </div>
+</div>
+
+<div class="fill-vertical-border"
+     [ngClass]="{collapsed: collapsed}">
 </div>