restyle left component box

static/src/app/common/user-interface/list-filter/list-filter.component.css

@@ -13,3 +13,22 @@
   height: 32px;
   width: 32px;
 }
+
+:host/deep/.mat-icon > svg {
+  color: #222222;
+}
+
+:host/deep/.mat-icon {
+  height: 32px;
+  width: 32px;
+}
+
+:host/deep/.mat-button-toggle {
+  background: white;
+  color: darkslategrey;
+}
+
+:host/deep/.mat-button-toggle-checked {
+  background: rgba(51, 122, 183, 0.64);
+  color: white;
+}

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

@@ -1,3 +1,7 @@
+.war-list-header {
+  margin: auto;
+}
+
 span > a {
   font-weight: 600 !important;
 }
@@ -25,12 +29,6 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus {
   background-color: #4e4e4e;
 }
 
-.select-list {
-  height: 120%;
-  background: #ececec;
-  box-shadow: 2px 1px 5px grey;
-}
-
 .select-list > div:last-child {
   margin: 20px 0;
 }
@@ -70,6 +68,6 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus {
   background: white;
   font-weight: 700;
   color: #3e3e3e;
-  margin: 5px;
+  margin: 0 10px 10px 10px;
   width: 95%;
 }

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

@@ -1,5 +1,5 @@
 <div class="select-list">
-  <div class="input-group list-header" *ngIf="loginService.hasPermission(3)">
+  <div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)">
     <button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
       Schlacht hinzufügen
     </button>

static/src/app/style/list-entry.css

@@ -2,6 +2,7 @@ div.list-entry, a.list-entry {
   padding: 8px;
   border-radius: 2px;
   border: lightgrey solid 1px;
+  background: white;
   cursor: pointer;
   margin-bottom: -1px;
 }
@@ -39,7 +40,7 @@ span > a, span.glyphicon, span.icon-award {
 }
 
 .selected {
-  background-color: aliceblue;
+  background-color: aliceblue !important;
 }
 
 @-webkit-keyframes fadeIn {

static/src/styles.css

@@ -40,10 +40,17 @@ form {
 }
 
 #left {
+  display: none;
   width: 20%;
   min-width: 350px;
   max-width: 450px;
   float: left;
+  background: #ececec;
+  box-shadow: 2px 1px 5px grey;
+}
+
+#left:not(:empty) {
+  display:block!important;
 }
 
 #right {