Fixed the radarr not enabled issue

src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.scss

@@ -5,11 +5,6 @@
     margin-top: 10px;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
 .control-label {
     font-weight: 400;
 }

src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss

@@ -4,11 +4,6 @@
     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;
@@ -17,6 +12,7 @@
 .col-md-6 {
     display: contents;
 }
+
 .col-md-4 {
     display: contents;
 }
@@ -25,7 +21,6 @@
     .col-md-6 {
         display: inline-table;
     }
-
     .col-md-4 {
         display: inline-table;
     }

src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss

@@ -31,11 +31,6 @@ textarea {
     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;

src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.scss

@@ -5,11 +5,6 @@
     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;

src/Ombi/ClientApp/src/app/settings/emby/emby.component.scss

@@ -12,6 +12,7 @@
 .col-md-2 {
     display: contents;
 }
+
 .control-label {
     font-weight: 400;
 }
@@ -28,11 +29,6 @@
     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;

src/Ombi/ClientApp/src/app/settings/issues/issues.component.scss

@@ -12,9 +12,11 @@
 .col-md-6 {
     display: contents;
 }
+
 .col-md-9 {
     display: inline-table;
 }
+
 .col-md-3 {
     display: inline-table;
 }
@@ -31,11 +33,6 @@
     background-color: #1b9d1b;
 }
 
-::ng-deep .dark .small-middle-container{
-	background-color: rgba(0, 0, 0, 0.10);
-	padding: 2em;
-}
-
 ::ng-deep .dark .categoryResults {
     background-color: rgba(0, 0, 0, 0.05);
     padding: 1em;
@@ -45,6 +42,7 @@
     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;

src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.scss

@@ -29,11 +29,6 @@
     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;
@@ -43,7 +38,6 @@
     .col-md-6 {
         display: inline-table;
     }
-
     .col-md-5 {
         display: inline-table;
     }

src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss

@@ -29,11 +29,6 @@
     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;
@@ -43,7 +38,6 @@
     .col-md-6 {
         display: inline-table;
     }
-
     .col-md-5 {
         display: inline-table;
     }

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>
+
+        <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">
-            <div class="md-form-field"><mat-slide-toggle [(ngModel)]="advanced">Advanced</mat-slide-toggle></div>
+                    <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%;">
                 <div class="col-md-5">
                     <div class="md-form-field">
                         <mat-form-field>
@@ -103,7 +108,7 @@
                     </div>
 
                 </div>
-            </form>
             </div>
+        </form>
     </fieldset>
 </div>

src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss

@@ -25,11 +25,6 @@
     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;
@@ -45,11 +40,9 @@
     .col-md-6 {
         display: inline-table;
     }
-
     .col-md-5 {
         display: inline-table;
     }
-
     .col-md-4 {
         display: inline-table;
     }

src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.scss

@@ -4,11 +4,6 @@
     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;

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>
+        <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>
-        <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:3%;">
 
             <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"
+                    <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')}">
-                        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')}"
+                    <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">
-                        formControlName="port" id="portNumber" name="Port" placeholder="Port Number">
                 </div>
 
 
@@ -64,14 +62,12 @@
                         <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')}"
+                    <input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('apiKey').hasError('required')}" formControlName="apiKey" id="ApiKey" name="ApiKey">
-                        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"
+                        <input type="text" class="form-control form-control-custom" formControlName="subDir" id="SubDir" name="SubDir">
-                            name="SubDir">
                     </div>
                 </div>
             </div>
@@ -82,8 +78,7 @@
                             <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')}"
+                        <select class="form-control form-control-custom  col-md-5 form-half" [ngClass]="{'form-error': form.get('qualityProfile').hasError('required')}" id="select" formControlName="qualityProfile">
-                                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">
@@ -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"
+                        <select class="form-control form-control-custom  col-md-5 form-half" formControlName="rootPath" [ngClass]="{'form-error': form.get('rootPath').hasError('required')}">
-                            [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"
+                        <select formControlName="languageProfile" class="form-control form-control-custom  col-md-5 form-half" id="select" [ngClass]="{'form-error': form.get('languageProfile').hasError('required')}">
-                            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

src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss

@@ -25,11 +25,6 @@
     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;
@@ -45,11 +40,9 @@
     .col-md-6 {
         display: inline-table;
     }
-
     .col-md-5 {
         display: inline-table;
     }
-
     .col-md-4 {
         display: inline-table;
     }

src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.scss

@@ -5,11 +5,6 @@
     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;

src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss

@@ -29,11 +29,6 @@
     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;
@@ -43,7 +38,6 @@
     .col-md-6 {
         display: inline-table;
     }
-
     .col-md-5 {
         display: inline-table;
     }

src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss

@@ -5,11 +5,6 @@
     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;