clear background for left element on specifiv pages

static/src/app/app.component.html

@@ -105,7 +105,10 @@
     </mat-icon>
   </button>
 
-  <div id="left" *ngIf="sidebarOpen">
+  <div id="left"
+       [style.background]="leftBackground"
+       [style.box-shadow]="leftBoxShadow"
+       *ngIf="sidebarOpen">
     <router-outlet></router-outlet>
   </div>
 

static/src/app/app.component.ts

@@ -29,6 +29,10 @@ export class AppComponent implements OnInit {
 
   scrollBtnVisibleVal = 100;
 
+  leftBackground;
+
+  leftBoxShadow;
+
   svgIcons = {
     'add': 'outline-add_box-24px',
     'add-user': 'twotone-person_add-24px',
@@ -55,14 +59,26 @@ export class AppComponent implements OnInit {
         this.loading = true;
       }
       if (event instanceof NavigationEnd) {
+        const currentUrl = this.router.url;
+
         this.loading = false;
         // scroll to top on route from army overview to user detail and back
-        if (router.url.includes('/overview')) {
+        if (currentUrl.includes('/overview')) {
           this.scrollToTop();
         }
-        // show sidebar menu on initial stats page access
+        // show sidebar menu on initial page access
         this.sidebarOpen = true;
-        this.showSidebarToggleBtn = router.url.includes('/stats');
+        this.showSidebarToggleBtn = currentUrl.includes('/stats');
+
+        if (currentUrl.includes('/login') ||
+          currentUrl.includes('/signup') ||
+          currentUrl.endsWith('/404')) {
+          this.leftBackground = 'none';
+          this.leftBoxShadow = 'none';
+        } else {
+          this.leftBackground = '#f9f9f9';
+          this.leftBoxShadow = '2px 1px 5px grey';
+        }
       }
     });
   }

static/src/app/login/signup.component.html

@@ -1,11 +1,11 @@
 <form class="form-signin" (ngSubmit)="login(userName.value, password.value, secret.value)">
 
-  <div class="row">
+  <div class="row" style="position: absolute;width: 500px;left: 40%;">
     <h2 style="text-align: center;" class="form-signin-heading">Registrieren</h2>
 
     <p>Dieses Formular nur ausfüllen wenn du einer <b>HL</b> angehörst oder <b>SQL</b> bist. Dabei den Nutzernamen aus
       dem OPT Forum verwenden!
-      Im Forum eine Nachricht an <a href="https://operation-pandora.com/dashboard/index.php?conversation-add/&userID=9"
+      Im Forum eine Nachricht an <a href="https://www.opt4.net/dashboard/index.php?conversation-add/&userID=9"
                                     target="_blank">HardiReady</a>
       senden, in welcher der 'geheime Text' steht, den du bei der Registrierung nutzt.<br>
       Dabei kann es sich um irgend eine willkürliche Zeichenfolge oder einen Satz handeln - dient nur dem Abgleich.