Added the custom logo on the login page

src/Ombi/ClientApp/src/app/login/login.component.html

@@ -1,43 +1,44 @@
-
-  <div *ngIf="background" @fadeInOut class="bg" [style.background-image]="background"></div>
+<div *ngIf="background" @fadeInOut class="bg" [style.background-image]="background">
+</div>
 <div class="small-middle-container">
-<div *ngIf="form && customizationSettings && authenticationSettings">
+    <div *ngIf="form && customizationSettings && authenticationSettings">
 
-  <mat-card class="mat-elevation-z8 top-margin">
-    <img mat-card-image src="{{baseUrl}}/images/logo.png">
-    <mat-card-content *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
-      <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
+        <mat-card class="mat-elevation-z8 top-margin">
+            <img mat-card-image *ngIf="!customizationSettings.logo" src="{{baseUrl}}/images/logo.png">
+            <img mat-card-image *ngIf="customizationSettings.logo" [src]="customizationSettings.logo">
+            <mat-card-content *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
+                <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
 
 
-        <mat-form-field class="full-width">
-          <input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" />
-          <mat-error *ngIf="form.get('username').hasError('required')">
-            {{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
-        </mat-form-field>
+                    <mat-form-field class="full-width">
+                        <input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" />
+                        <mat-error *ngIf="form.get('username').hasError('required')">
+                            {{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
+                    </mat-form-field>
 
-        <mat-form-field class="full-width">
-          <input color="black" type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" />
-        </mat-form-field>
+                    <mat-form-field class="full-width">
+                        <input color="black" type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" />
+                    </mat-form-field>
 
-        <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
+                    <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
 
-        <button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
+                    <button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
 
-        <a [routerLink]="['/reset']" class="forgot-password col-md-12">
-          <b [translate]="'Login.ForgottenPassword'"></b>
-        </a>
-      </form>
-    </mat-card-content>
+                    <a [routerLink]="['/reset']" class="forgot-password col-md-12">
+                        <b [translate]="'Login.ForgottenPassword'"></b>
+                    </a>
+                </form>
+            </mat-card-content>
 
-  <mat-card-content *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi" class="login-buttons">
-      <div >
+            <mat-card-content *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi" class="login-buttons">
+                <div>
 
-          <button mat-raised-button color="primary" type="submit" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
-          <button mat-raised-button color="accent" type="button" (click)="oauth()">{{'Login.SignInWithPlex' | translate}}</button>
-        </div>
-    </mat-card-content>
+                    <button mat-raised-button color="primary" type="submit" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
+                    <button mat-raised-button color="accent" type="button" (click)="oauth()">{{'Login.SignInWithPlex' | translate}}</button>
+                </div>
+            </mat-card-content>
 
-  </mat-card>
+        </mat-card>
 
-</div>
+    </div>
 </div>