Fix for custom application name on login page

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

@@ -7,7 +7,7 @@
 
         <mat-card class="mat-elevation-z8 top-margin login-card">
             <H1 *ngIf="!customizationSettings.logo && !customizationSettings.applicationName" class="login_logo">OMBI</H1>
-            <H1 *ngIf="customizationSettings.applicationName && !customizationSettings.logo" class="login_logo custom">{{customizationSettings.applicationName}}</H1>
+            <H1 *ngIf="customizationSettings.applicationName && !customizationSettings.logo" [ngClass]="{'bigText': customizationSettings.applicationName.length >= 7 && customizationSettings.applicationName.length < 14, 'hugeText': customizationSettings.applicationName.length >= 14 }" class="login_logo custom">{{customizationSettings.applicationName}}</H1>
             <img mat-card-image *ngIf="customizationSettings.logo" [src]="customizationSettings.logo">
             <mat-card-content id="login-box" *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
                 <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">

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

@@ -203,15 +203,19 @@ div.bg {
     justify-content: center;
     font-weight: 700;
     font-size: 10em;
-    &.custom {
-        font-size: 5em;
-    }
+        &.hugeText {
+            font-size: 3vw;
+        }
     width:100%;
     margin-bottom:70px;
 }
 
-@media (max-width: 600px){
+@media (max-width: 700px){
     .login-card H1.login_logo{
         font-size:20vw;
+
+        &.hugeText {
+            font-size: 7vw;
+        }
     }
 }