From 4bdb944efc2ceee094a49421ea98e13f345a198d Mon Sep 17 00:00:00 2001
From: Jamie Rees <jamie.rees@myairops.com>
Date: Tue, 19 May 2020 21:40:10 +0100
Subject: [PATCH] Fixed the radarr not enabled issue

---
 .../authentication.component.scss             | 25 +++----
 .../couchpotato/couchpotato.component.scss    | 41 +++++-------
 .../customization.component.scss              | 41 +++++-------
 .../app/settings/dognzb/dognzb.component.scss | 19 ++----
 .../src/app/settings/emby/emby.component.scss | 48 +++++++-------
 .../app/settings/issues/issues.component.scss | 60 +++++++++--------
 .../app/settings/lidarr/lidarr.component.scss | 58 ++++++++---------
 .../src/app/settings/plex/plex.component.scss | 58 ++++++++---------
 .../app/settings/radarr/radarr.component.html | 21 +++---
 .../app/settings/radarr/radarr.component.scss | 65 +++++++++----------
 .../settings/sickrage/sickrage.component.scss | 19 ++----
 .../app/settings/sonarr/sonarr.component.html | 45 ++++++-------
 .../app/settings/sonarr/sonarr.component.scss | 65 +++++++++----------
 .../themoviedb/themoviedb.component.scss      | 19 ++----
 .../usermanagement.component.scss             | 56 +++++++---------
 .../src/app/settings/vote/vote.component.scss | 19 ++----
 16 files changed, 292 insertions(+), 367 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.scss b/src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.scss
index 09f9b5217..2afbcf328 100644
--- a/src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.scss
@@ -1,20 +1,15 @@
 @import "~styles/variables.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
+.control-label {
+    font-weight: 400;
 }
 
-.control-label{
-	font-weight:400;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
-}
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss b/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss
index af8994a07..439e9afc8 100644
--- a/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss
@@ -1,32 +1,27 @@
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+.col-md-6 {
+    display: contents;
 }
 
-.col-md-6{
-	display: contents;
-}
-.col-md-4{
-	display: contents;
+.col-md-4 {
+    display: contents;
 }
 
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
-
-	.col-md-4{
-		display: inline-table;
-	}
-}
+    .col-md-6 {
+        display: inline-table;
+    }
+    .col-md-4 {
+        display: inline-table;
+    }
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss
index 3fc3c097e..ba5ee86ff 100644
--- a/src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss
@@ -1,42 +1,37 @@
 @import "~styles/shared.scss";
 .col-12 {
-    display:grid;
+    display: grid;
 }
 
 textarea {
-    min-height:100px;
+    min-height: 100px;
     height: auto;
-    max-height:800px;
+    max-height: 800px;
 }
 
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.row{
-	display:block;
+.row {
+    display: block;
 }
 
-.btn-danger-outline{
-	background-color: #E84C3D;
+.btn-danger-outline {
+    background-color: #E84C3D;
 }
 
-.btn-success-outline{
-	background-color: #1b9d1b;
+.btn-success-outline {
+    background-color: #1b9d1b;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.scss b/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.scss
index 345e1a9ab..aa1beaebc 100644
--- a/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.scss
@@ -1,16 +1,11 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/emby/emby.component.scss b/src/Ombi/ClientApp/src/app/settings/emby/emby.component.scss
index a019432da..649201f48 100644
--- a/src/Ombi/ClientApp/src/app/settings/emby/emby.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/emby/emby.component.scss
@@ -1,45 +1,41 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.col-md-10{
-	display: grid;
+.col-md-10 {
+    display: grid;
 }
 
-.col-md-2{
-	display: contents;
-}
-.control-label{
-	font-weight:400;
+.col-md-2 {
+    display: contents;
 }
 
-.row{
-	display:block;
+.control-label {
+    font-weight: 400;
 }
 
-.btn-danger-outline{
-	background-color: #E84C3D;
+.row {
+    display: block;
 }
 
-.btn-success-outline{
-	background-color: #1b9d1b;
+.btn-danger-outline {
+    background-color: #E84C3D;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
+.btn-success-outline {
+    background-color: #1b9d1b;
 }
 
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
 @media (min-width:1440px) {
-	.col-md-2{
-		display: inline-table;
-	}
+    .col-md-2 {
+        display: inline-table;
+    }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/issues/issues.component.scss b/src/Ombi/ClientApp/src/app/settings/issues/issues.component.scss
index abd043d0f..ddf1eb4d8 100644
--- a/src/Ombi/ClientApp/src/app/settings/issues/issues.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/issues/issues.component.scss
@@ -1,52 +1,50 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.col-md-6{
-	display: contents;
+.col-md-6 {
+    display: contents;
 }
-.col-md-9{
-	display: inline-table;
-}
-.col-md-3{
-	display: inline-table;
+
+.col-md-9 {
+    display: inline-table;
 }
 
-.row{
-	display:block;
+.col-md-3 {
+    display: inline-table;
 }
 
-.btn-danger-outline{
-	background-color: #E84C3D;
+.row {
+    display: block;
 }
 
-.btn-success-outline{
-	background-color: #1b9d1b;
+.btn-danger-outline {
+    background-color: #E84C3D;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
+.btn-success-outline {
+    background-color: #1b9d1b;
 }
 
-::ng-deep .dark .categoryResults{
-	background-color: rgba(0, 0, 0, 0.05);
-	padding: 1em;
+::ng-deep .dark .categoryResults {
+    background-color: rgba(0, 0, 0, 0.05);
+    padding: 1em;
 }
 
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
+
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
+    .col-md-6 {
+        display: inline-table;
+    }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.scss b/src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.scss
index b6f3d1014..5bc0ad204 100644
--- a/src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.scss
@@ -1,50 +1,44 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.col-md-6{
-	display: contents;
+.col-md-6 {
+    display: contents;
 }
 
-.col-md-5{
-	display: contents;
+.col-md-5 {
+    display: contents;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.row{
-	display:block;
+.row {
+    display: block;
 }
 
-.btn-danger-outline{
-	background-color: #E84C3D;
+.btn-danger-outline {
+    background-color: #E84C3D;
 }
 
-.btn-success-outline{
-	background-color: #1b9d1b;
+.btn-success-outline {
+    background-color: #1b9d1b;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
-
-	.col-md-5{
-		display: inline-table;
-	}
-}
+    .col-md-6 {
+        display: inline-table;
+    }
+    .col-md-5 {
+        display: inline-table;
+    }
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss
index b6f3d1014..5bc0ad204 100644
--- a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss
@@ -1,50 +1,44 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.col-md-6{
-	display: contents;
+.col-md-6 {
+    display: contents;
 }
 
-.col-md-5{
-	display: contents;
+.col-md-5 {
+    display: contents;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.row{
-	display:block;
+.row {
+    display: block;
 }
 
-.btn-danger-outline{
-	background-color: #E84C3D;
+.btn-danger-outline {
+    background-color: #E84C3D;
 }
 
-.btn-success-outline{
-	background-color: #1b9d1b;
+.btn-success-outline {
+    background-color: #1b9d1b;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
-
-	.col-md-5{
-		display: inline-table;
-	}
-}
+    .col-md-6 {
+        display: inline-table;
+    }
+    .col-md-5 {
+        display: inline-table;
+    }
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
index 9bc7c95b1..670db05c6 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
@@ -2,12 +2,17 @@
 <div *ngIf="form" class="small-middle-container">
     <fieldset>
         <legend>Radarr Settings</legend>
-        <div style="float: right;">
-            <div class="md-form-field"><mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle></div>
-            <div class="md-form-field"><mat-slide-toggle [(ngModel)]="advanced">Advanced</mat-slide-toggle></div>
-        </div>
-        <div class="col-md-12">
-            <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;">
+
+        <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;">
+            <div style="float: right;">
+                <div class="md-form-field">
+                    <mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle>
+                </div>
+                <div class="md-form-field">
+                    <mat-slide-toggle [(ngModel)]="advanced">Advanced</mat-slide-toggle>
+                </div>
+            </div>
+            <div class="col-md-12">
                 <div class="col-md-5">
                     <div class="md-form-field">
                         <mat-form-field>
@@ -103,7 +108,7 @@
                     </div>
 
                 </div>
-            </form>
-        </div>
+            </div>
+        </form>
     </fieldset>
 </div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss
index b35e0be95..2d51f1403 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss
@@ -1,56 +1,49 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.col-md-6{
-	display: contents;
+.col-md-6 {
+    display: contents;
 }
 
-.col-md-5{
-	display: contents;
+.col-md-5 {
+    display: contents;
 }
 
-.col-md-4{
-	display: contents;
+.col-md-4 {
+    display: contents;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.row{
-	display:block;
+.row {
+    display: block;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
 ::ng-deep .load {
-	max-width: fit-content;
-	margin-left:3em;
-	padding: 0.5rem 1.14rem;
+    max-width: fit-content;
+    margin-left: 3em;
+    padding: 0.5rem 1.14rem;
 }
 
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
-
-	.col-md-5{
-		display: inline-table;
-	}
-
-	.col-md-4{
-		display: inline-table;
-	}
+    .col-md-6 {
+        display: inline-table;
+    }
+    .col-md-5 {
+        display: inline-table;
+    }
+    .col-md-4 {
+        display: inline-table;
+    }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.scss b/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.scss
index 990deaa0b..05f28b202 100644
--- a/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.scss
@@ -1,15 +1,10 @@
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html
index 320b38363..ae75f212c 100644
--- a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html
@@ -2,11 +2,11 @@
 <div *ngIf="form" class="small-middle-container">
     <fieldset>
         <legend>Sonarr Settings</legend>
-        <div style="float: right;">
-            <span style="vertical-align: top;">Advanced</span>
-            <p-inputSwitch id="customInputSwitch" [(ngModel)]="advanced"></p-inputSwitch>
-        </div>
         <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:3%;">
+            <div style="float: right;">
+                <span style="vertical-align: top;">Advanced</span>
+                <p-inputSwitch id="customInputSwitch" [(ngModel)]="advanced"></p-inputSwitch>
+            </div>
 
             <div class="col-md-6" style="display:block;">
                 <div class="col-md-4">
@@ -43,8 +43,7 @@
                         <i *ngIf="form.get('ip').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="The IP/Hostname is required"></i>
                     </label>
 
-                    <input type="text" class="form-control form-control-custom " formControlName="ip" id="Ip" name="Ip"
-                        placeholder="localhost" [ngClass]="{'form-error': form.get('ip').hasError('required')}">
+                    <input type="text" class="form-control form-control-custom " formControlName="ip" id="Ip" name="Ip" placeholder="localhost" [ngClass]="{'form-error': form.get('ip').hasError('required')}">
                 </div>
 
                 <div class="form-group">
@@ -53,8 +52,7 @@
                         <i *ngIf="form.get('port').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="The Port is required"></i>
                     </label>
 
-                    <input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('port').hasError('required')}"
-                        formControlName="port" id="portNumber" name="Port" placeholder="Port Number">
+                    <input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('port').hasError('required')}" formControlName="port" id="portNumber" name="Port" placeholder="Port Number">
                 </div>
 
 
@@ -64,35 +62,32 @@
                         <i *ngIf="form.get('apiKey').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="The API Key is required"></i>
                     </label>
 
-                    <input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('apiKey').hasError('required')}"
-                        formControlName="apiKey" id="ApiKey" name="ApiKey">
+                    <input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('apiKey').hasError('required')}" formControlName="apiKey" id="ApiKey" name="ApiKey">
                 </div>
                 <div class="form-group">
                     <label for="SubDir" class="control-label">Sonarr Base Url</label>
                     <div>
-                        <input type="text" class="form-control form-control-custom" formControlName="subDir" id="SubDir"
-                            name="SubDir">
+                        <input type="text" class="form-control form-control-custom" formControlName="subDir" id="SubDir" name="SubDir">
                     </div>
                 </div>
             </div>
             <div class="col-md-5">
-                
+
                 <div class="form-group col-md-12">
-                        <label for="profiles" class="control-label">Quality Profiles
+                    <label for="profiles" class="control-label">Quality Profiles
                             <i *ngIf="form.get('qualityProfile').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Default Quality Profile is required"></i>
                         </label>
-                        <div id="profiles">
-                                <select class="form-control form-control-custom  col-md-5 form-half" [ngClass]="{'form-error': form.get('qualityProfile').hasError('required')}"
-                                id="select" formControlName="qualityProfile">
+                    <div id="profiles">
+                        <select class="form-control form-control-custom  col-md-5 form-half" [ngClass]="{'form-error': form.get('qualityProfile').hasError('required')}" id="select" formControlName="qualityProfile">
                                 <option *ngFor="let quality of qualities" value="{{quality.id}}">{{quality.name}}</option>
                             </select>
-                            <button type="button" (click)="getProfiles(form)"  class="btn btn-primary-outline col-md-4 col-md-push-1 load">
+                        <button type="button" (click)="getProfiles(form)" class="btn btn-primary-outline col-md-4 col-md-push-1 load">
                                 Load Qualities <span *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
-                                
-                        </div>
-                       
+
                     </div>
-                   
+
+                </div>
+
 
                 <div class="form-group col-md-12">
                     <label for="select" class="control-label">Quality Profiles (Anime)</label>
@@ -110,8 +105,7 @@
                         <i *ngIf="form.get('rootPath').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Default Root Path is required"></i>
                     </label>
                     <div id="rootFolders">
-                        <select class="form-control form-control-custom  col-md-5 form-half" formControlName="rootPath"
-                            [ngClass]="{'form-error': form.get('rootPath').hasError('required')}">
+                        <select class="form-control form-control-custom  col-md-5 form-half" formControlName="rootPath" [ngClass]="{'form-error': form.get('rootPath').hasError('required')}">
                             <option *ngFor="let folder of rootFolders" value="{{folder.id}}">{{folder.path}}</option>
                         </select>
                         <button type="button" (click)="getRootFolders(form)" class="btn btn-primary-outline load col-md-4 col-md-push-1">
@@ -134,8 +128,7 @@
                         <i *ngIf="form.get('languageProfile').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Language Profile is required"></i>
                     </label>
                     <div id="langaugeProfile">
-                        <select formControlName="languageProfile" class="form-control form-control-custom  col-md-5 form-half"
-                            id="select" [ngClass]="{'form-error': form.get('languageProfile').hasError('required')}">
+                        <select formControlName="languageProfile" class="form-control form-control-custom  col-md-5 form-half" id="select" [ngClass]="{'form-error': form.get('languageProfile').hasError('required')}">
                             <option *ngFor="let lang of languageProfiles" [ngValue]="lang.id">{{lang.name}}</option>
                         </select>
                         <button (click)="getLanguageProfiles(form)" type="button" class="btn btn-primary-outline col-md-4 col-md-push-1">Load
diff --git a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss
index b35e0be95..2d51f1403 100644
--- a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss
@@ -1,56 +1,49 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.col-md-6{
-	display: contents;
+.col-md-6 {
+    display: contents;
 }
 
-.col-md-5{
-	display: contents;
+.col-md-5 {
+    display: contents;
 }
 
-.col-md-4{
-	display: contents;
+.col-md-4 {
+    display: contents;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.row{
-	display:block;
+.row {
+    display: block;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
 ::ng-deep .load {
-	max-width: fit-content;
-	margin-left:3em;
-	padding: 0.5rem 1.14rem;
+    max-width: fit-content;
+    margin-left: 3em;
+    padding: 0.5rem 1.14rem;
 }
 
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
-
-	.col-md-5{
-		display: inline-table;
-	}
-
-	.col-md-4{
-		display: inline-table;
-	}
+    .col-md-6 {
+        display: inline-table;
+    }
+    .col-md-5 {
+        display: inline-table;
+    }
+    .col-md-4 {
+        display: inline-table;
+    }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.scss b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.scss
index 345e1a9ab..aa1beaebc 100644
--- a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.scss
@@ -1,16 +1,11 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss b/src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss
index cf8456528..5bc0ad204 100644
--- a/src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss
@@ -1,50 +1,44 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-.col-md-6{
-	display: contents;
+.col-md-6 {
+    display: contents;
 }
 
-.col-md-5{
-	display: contents;
+.col-md-5 {
+    display: contents;
 }
 
-.control-label{
-	font-weight:400;
+.control-label {
+    font-weight: 400;
 }
 
-.row{
-	display:block;
+.row {
+    display: block;
 }
 
-.btn-danger-outline{
-	background-color: #E84C3D;
+.btn-danger-outline {
+    background-color: #E84C3D;
 }
 
-.btn-success-outline{
-	background-color: #1b9d1b;
+.btn-success-outline {
+    background-color: #1b9d1b;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
 
 @media (min-width:1440px) {
-	.col-md-6{
-		display: inline-table;
-	}
-
-	.col-md-5{
-		display: inline-table;
-	}
+    .col-md-6 {
+        display: inline-table;
+    }
+    .col-md-5 {
+        display: inline-table;
+    }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss b/src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss
index 345e1a9ab..aa1beaebc 100644
--- a/src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss
@@ -1,16 +1,11 @@
 @import "~styles/shared.scss";
-.small-middle-container{
-	margin: auto;
-	width: 95%;
-	margin-top:10px;
+.small-middle-container {
+    margin: auto;
+    width: 95%;
+    margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
-::ng-deep .dark .btn:hover{
-	box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
-	color: inherit;
+::ng-deep .dark .btn:hover {
+    box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
+    color: inherit;
 }
\ No newline at end of file