From 592e60ab79149d5de0d83fcec77feabcdc90b7d8 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Wed, 10 Mar 2021 14:56:59 +0100
Subject: [PATCH] Fix for custom application name on login page

---
 .../ClientApp/src/app/login/login.component.html     |  2 +-
 .../ClientApp/src/app/login/login.component.scss     | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/login/login.component.html b/src/Ombi/ClientApp/src/app/login/login.component.html
index 0e1107008..62dcc7d30 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.html
+++ b/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)">
diff --git a/src/Ombi/ClientApp/src/app/login/login.component.scss b/src/Ombi/ClientApp/src/app/login/login.component.scss
index 3d69d129a..3cea34099 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.scss
+++ b/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;
+        }
     }
 }
\ No newline at end of file