Custom CSS is now working

src/Ombi/ClientApp/src/app/app.component.ts

@@ -83,6 +83,12 @@ export class AppComponent implements OnInit {
                 this.applicationName = this.customizationSettings.applicationName;
                 this.document.getElementsByTagName('title')[0].innerText = this.applicationName;
             }
+            if (this.customizationSettings && this.customizationSettings.customCss) {
+                var dom = this.document.getElementsByTagName('head')[0];
+                var css = document.createElement("style");
+                css.innerHTML = this.customizationSettings.customCss;
+                dom.appendChild(css);
+            }
 
             if (this.customizationSettings.useCustomPage) {
                 this.customPageService.getCustomPage().subscribe(c => {

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

@@ -24,7 +24,7 @@
 
                     <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
 
-                    <button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
+                    <button id="sign-in" 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>