Set background image for public pages and fix user bottom sheet redirect

static/src/app/app.component.css

@@ -1,3 +1,10 @@
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+}
+
 ul {
   list-style-type: none;
   margin: 0;
@@ -9,13 +16,13 @@ li {
 }
 
 .sidebar-toggle-btn {
-  background: linear-gradient(-90deg, #e8e5e5, #ffffff);
+  background: #dadada;
   filter: drop-shadow(2px 1px 1px #666);
   margin-left: -12px;
   z-index: 500;
 }
 
-.sidebar-toggle-btn mat-icon {
+.sidebar-toggle-btn mat-icon.mat-icon {
   color: #666666;
 }
 
@@ -24,16 +31,6 @@ li {
   padding-right: 15px;
 }
 
-.right {
-  float: right;
-  width: 300px;
-}
-
-.left {
-  float: left;
-  width: calc(100% - 400px);
-}
-
 .scrollable-menu {
   height: auto;
   max-height: 200px;

static/src/app/army/army-member/army-member.component.css

@@ -1,3 +1,17 @@
+:host {
+  display: flow-root;
+  height: 100%;
+  width: 100%;
+  margin-top: -23px;
+  padding-top: 23px;
+  padding-bottom: 23px;
+  background-image: url('../../../assets/bg.jpg');
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
 .army-member-view {
   width: 90%;
   height: 100vh;

static/src/app/army/army.component.css

@@ -1,3 +1,17 @@
+:host {
+  display: flow-root;
+  height: 100%;
+  width: 100%;
+  margin-top: -23px;
+  padding-top: 23px;
+  padding-bottom: 23px;
+  background-image: url('../../assets/bg.jpg');
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
 .army-column {
   width: 45%;
 }

static/src/app/pub/decoration-overview/decoration-overview.component.css

@@ -1,3 +1,17 @@
+:host {
+  display: flow-root;
+  height: 100%;
+  width: 100%;
+  margin-top: -23px;
+  padding-top: 23px;
+  padding-bottom: 23px;
+  background-image: url('../../../assets/bg.jpg');
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
 h1 {
   margin-bottom: 30px;
 }

static/src/app/pub/rank-overview/rank-overview.component.css

@@ -1,3 +1,17 @@
+:host {
+  display: flow-root;
+  height: 100%;
+  width: 100%;
+  margin-top: -23px;
+  padding-top: 23px;
+  padding-bottom: 23px;
+  background-image: url('../../../assets/bg.jpg');
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
 table {
   width: 100%;
 }

static/src/app/pub/user-list-sheet/user-list-sheet.component.ts

@@ -48,6 +48,6 @@ export class UserListSheetComponent implements OnInit {
 
   selectUser(user) {
     this.bottomSheetRef.dismiss();
-    this.router.navigate(['overview', {outlets: {'right': ['member', user._id]}}]);
+    this.router.navigate(['overview', 'member', user._id]);
   }
 }

static/src/app/statistic/campaign/campaign-submit/campaign-submit.component.css

@@ -0,0 +1,3 @@
+form {
+  margin-top: 45px;
+}

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

@@ -0,0 +1,3 @@
+form {
+  margin-top: 45px;
+}

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

@@ -57,10 +57,12 @@
 
 .war-list-header {
   margin: auto;
+  padding: 15px 5px 5px;
   border-right: 1px solid #dadada;
+  border-bottom: 1px solid #dadada;
 }
 
-.stats-add-btn {
+.war-list-header > button {
   background: white;
   font-weight: 700;
   color: #3e3e3e;

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

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

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

@@ -0,0 +1,3 @@
+form {
+  margin-top: 45px;
+}

static/src/app/style/overview.css

@@ -2,7 +2,6 @@
   position: fixed;
   overflow-y: scroll;
   overflow-x: hidden;
-  border-left: thin solid lightgrey;
   padding: 20px 0 0 50px;
   top: 50px;
   height: 100vh;

static/src/styles.css

@@ -45,6 +45,7 @@ form {
   margin: 0;
   position: static;
   float: left;
+  border-right: thin solid #dadada;
 }
 
 #right {