diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss index f6fcb0824..3396a06cc 100644 --- a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss +++ b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss @@ -61,7 +61,7 @@ }*/ // changed bottom to 10px so when you overlay a link it won't get blocked by URL -.bottom-nav-link { +#bottom-nav-link { bottom: 10px; position: absolute !important; //background-color:#E84C3D; diff --git a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss index 2c71503d1..02361f366 100644 --- a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss +++ b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss @@ -29,4 +29,8 @@ $ombi-accent: #258a6d; .search-bar:focus { background-color: white; +} + +::ng-deep .mat-form-field-underline{ + bottom:0.5em; } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.html b/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.html index 88db832e2..4a5ad930e 100644 --- a/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.html +++ b/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.html @@ -4,98 +4,95 @@
CouchPotato Settings -
-
-
-
-
- - -
-
-
-
-
-
- - -
+ +
+
+
+ Enable
-
-
- -
- - The IP/Hostname is required +
+
+ +
+ + Hostname or IP + + The IP/Hostname is required + + + Port + + The Port is required + + SSL
-
- -
- - - - The Port is required -
- - -
- - - - - The API Key is required -
-
- -
- +
+ + API Key + + The API Key is required +
-
-
-
-
- - -
-
- - -
-
- -
- -
-
- +
+ + Base URL + +
-
-
- -
- +
+ +
+ + Username + + +
+
+ + Password + + +
+
+ +
- - - - -
-
- +
+ +
+
+
+ + Quality Profiles + + {{profile.label}} + + A Default Quality Profile is required + +
+
+ +
+
+
+
+
+ +
+
-
-
- +
+
+ +
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 439e9afc8..2499a1794 100644 --- a/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss +++ b/src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss @@ -1,27 +1,6 @@ +@import "~styles/shared.scss"; .small-middle-container { margin: auto; width: 95%; margin-top: 10px; } - -::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-4 { - display: contents; -} - -@media (min-width:1440px) { - .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.html b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html index 2d6198a6a..f9ab12c6b 100644 --- a/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html +++ b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html @@ -4,48 +4,61 @@
Customization -
- - - - - - - - - - - - -
- -
- +
+
+ + Application Name + + +
+
+ + Application URL + + +
+
+ + Custom Logo + + +
+
+
+ +
+ +
- - - Enable Custom Donation Link - - - - - - - - - - - - - Enable Custom Page - - - - - - - +
+ + Enable Custom Donation Link + +
+
+ + Custom Donation URL + + +
+
+ + Custom Donation URL + + +
+
+ + Enable Custom Page + +
+
+ + Custom CSS + + +
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 ba5ee86ff..fae15b828 100644 --- a/src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss +++ b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss @@ -1,37 +1,16 @@ @import "~styles/shared.scss"; -.col-12 { - display: grid; -} - -textarea { - min-height: 100px; - height: auto; - max-height: 800px; -} - .small-middle-container { margin: auto; width: 95%; margin-top: 10px; } -.control-label { - font-weight: 400; +textarea { + min-height: 100px; + height: auto; + max-height: 800px; } .row { display: block; -} - -.btn-danger-outline { - background-color: #E84C3D; -} - -.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; } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.html b/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.html index d672a1d6b..70981adf4 100644 --- a/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.html +++ b/src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.html @@ -1,53 +1,45 @@  -
+
-
+
DogNzb Settings -
-
-
- - -
+
+
+
+ Enabled +
+
+
+
+
+ + DogNzb API Key + + The API Key is required + +
- - -
- - - - - The API Key is required -
- - - - -
-
- +
+ Movies
-
-
-
-
-
- - +
+ TV Shows
- -
-
- - +
+
+
+
+
+
+ +
-
diff --git a/src/Ombi/ClientApp/src/app/settings/emby/emby.component.html b/src/Ombi/ClientApp/src/app/settings/emby/emby.component.html index fe45ee301..38279065d 100644 --- a/src/Ombi/ClientApp/src/app/settings/emby/emby.component.html +++ b/src/Ombi/ClientApp/src/app/settings/emby/emby.component.html @@ -8,69 +8,77 @@
-
-
- - Enable +
+
+
+ Enable +
-
- - + -
- -
-
-
-
- - - +
+ +
+
+
+
+
+ + Server Name + + +
- - - - - - - - - - - SSL - - - - - - - - - - - - - - - - Current URL: "{{server.serverHostname}}/#!/{{settings.isJellyfin ? ("itemdetails"): ("item/item")}}.html?id=1" - Current URL: "https://app.emby.media/#!/{{settings.isJellyfin ? ("itemdetails"): ("item/item")}}.html?id=1 - +
+ + Hostname / IP + + + + + + Port + + + + + SSL + +
+
+ + API Key + + +
+
+ + Base URL + + +
+
+ + Externally Facing Hostname + + + + Current URL: "{{server.serverHostname}}/#!/{{settings.isJellyfin ? ("itemdetails"): ("item/item")}}.html?id=1" + Current URL: "https://app.emby.media/#!/{{settings.isJellyfin ? ("itemdetails"): ("item/item")}}.html?id=1 + +
- +
- +
@@ -82,14 +90,14 @@
- +
- +
diff --git a/src/Ombi/ClientApp/src/app/settings/landingpage/landingpage.component.html b/src/Ombi/ClientApp/src/app/settings/landingpage/landingpage.component.html index 7b948dbe7..5020f899f 100644 --- a/src/Ombi/ClientApp/src/app/settings/landingpage/landingpage.component.html +++ b/src/Ombi/ClientApp/src/app/settings/landingpage/landingpage.component.html @@ -51,7 +51,7 @@
- +
diff --git a/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.html b/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.html index 63a426dcb..3f04fcffe 100644 --- a/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.html +++ b/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.html @@ -1,34 +1,31 @@ 
-
+
Ombi Configuration -
+
+
+ + Base URL + + +
+
+ + Api Key + + + -
- - - - - - - -
- -
- - -
-
-
- -
-
-
-
+
-
Do not send Notifications if a User has the Auto Approve permission @@ -66,10 +63,10 @@
- +
-
+
\ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.scss b/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.scss index 6fe6c3f0a..65e7e6bc9 100644 --- a/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.scss +++ b/src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.scss @@ -1,21 +1,27 @@ -.col-12 { - display:grid; +@import "~styles/shared.scss"; +.small-middle-container { + margin: auto; + width: 95%; + margin-top: 10px; } textarea { - min-height:100px; + min-height: 100px; height: auto; - max-height:800px; + max-height: 800px; } -.small-middle-container{ - margin: auto; - width: 85%; - margin-top:10px; +.row { + display: block; } -@media (min-width: 1600px) { - .container { - max-width: 1500px; - } +button, [type="button"]{ + padding: 0; + border: none; + background: transparent; + color: white; +} + +::ng-deep .mat-form-field-suffix .mat-icon{ + font-size:120%; } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.html b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.html index 4fc63143b..227e215be 100644 --- a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.html +++ b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.html @@ -1,189 +1,158 @@ 
-
-
- Advanced - -
-
-
-
+
Plex Configuration - -
- -
-
- - -
-
-
- - -
- -
-
-
- -
- -
- -
- -
+
+
+
+
+ Enable
- -
- -
- -
+
+ Advanced
- -
- -
- -
-
- -
-
- - -
+
+
+
+
+ + +
+
- - -
- -
- +
+
+
+ + +
+ + Server Name + +
-
-
- -
- -
-
-
+
+ + Hostname or IP + + -
-
- -
- -
-
-
- -
-
+ + Port + + -
-
- -
-
-
-
-
- -
-
-
- + + SSL + +
+
+ + Plex Authorization Token + + - + + Machine Identifier + + +
+
+ +
+ + Username + + +
+
+ + Password + + +
-
-
- -
- Note: if nothing is selected, we will monitor all libraries -
-
- -
-
-
-
+
+ +
+
+ +
+
+
+
+ +
+
+
+ + Server + + {{s.name}} + + +
+
+
+ +
+ Note: if nothing is selected, we will monitor all libraries +
+
+ +
+
+
+
+
+
+
+ {{lib.title}} +
+
+
+
+
+
+ + Episode Batch Size + + +
-
- - +
+ +
+
+
+
+
+
+ + + + + +
+
+
+
- -
- -
- -
-
- -
-
- -
-
- -
- - - - - -
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
\ No newline at end of file +
\ 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 5bc0ad204..18f044f29 100644 --- a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss +++ b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss @@ -5,40 +5,13 @@ margin-top: 10px; } -.col-md-6 { - display: contents; +.col-8 { + display: inline-table; } - .col-md-5 { - display: contents; -} - -.control-label { - font-weight: 400; + display: inline-table; } .row { display: block; } - -.btn-danger-outline { - background-color: #E84C3D; -} - -.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; -} - -@media (min-width:1440px) { - .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 362077673..b47de70e6 100644 --- a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html +++ b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html @@ -2,53 +2,52 @@
Radarr Settings - -
-
-
- Enable -
-
- Advanced + +
+
+
+
+ Enable +
+
+ Advanced +
+
-
-
-
+
+
+
- - + + Hostname or IP + -
- -
- - + + Port + + + SSL +
- - + + API key +
- -
- - Enable SSL - -
- -
- + + Base URL
-
- +
+
- + Quality Profiles @@ -56,12 +55,12 @@ -
+
+ +
-
- + Default Root Folder @@ -69,12 +68,12 @@ -
+
+ +
-
- + Default Minimum Availability @@ -88,27 +87,20 @@ Do not search
-
-
- - - - +
+
+
- +
-
- - -
+
+
-
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 2d51f1403..2898f062e 100644 --- a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss +++ b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss @@ -5,45 +5,13 @@ margin-top: 10px; } -.col-md-6 { - display: contents; +.col-8 { + display: inline-table; } - .col-md-5 { - display: contents; -} - -.col-md-4 { - display: contents; -} - -.control-label { - font-weight: 400; + display: inline-table; } .row { display: block; -} - -::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; -} - -@media (min-width:1440px) { - .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.html b/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.html index 8e63f318c..1f8eb3d03 100644 --- a/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.html +++ b/src/Ombi/ClientApp/src/app/settings/sickrage/sickrage.component.html @@ -3,73 +3,81 @@
SickRage Settings -
- -
-
-
- - + +
+
+
+
+ Enable +
+
+ SSL +
+
+
+
+ +
+ + SickRage Hostname or IP + + The IP/Hostname is required + +
-
- - - - The IP/Hostname is required -
- -
- - - - The Port is required -
- - -
- - - - The API Key is required -
-
-
- - +
+ + Port + + The Port is required + +
+
+ + SickRage API Key + + The API Key is required +
-
-
- -
- + +
+ + SickRage Base URL + +
-
-
-
- -
- +
+
+ +
+
+ + Quality Profiles + + {{quality.display}} + + A Default Quality Profile is required + +
+
- A Default Quality Profile is required - -
-
-
- +
+
+ +
-
-
-
- +
+
+ +
diff --git a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component copy.html b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component copy.html new file mode 100644 index 000000000..188f6ab76 --- /dev/null +++ b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component copy.html @@ -0,0 +1,192 @@ + +
+
+ Sonarr Settings + +
+
+
+
+ V3 +
+
+ SSL +
+
+
+
+ Enable +
+
+ Advanced +
+
+
+
+
+ Advanced + +
+ +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+
+
+ + + +
+ +
+ + + +
+ + +
+ + + +
+
+ +
+ +
+
+
+
+ +
+ +
+ + + +
+ +
+ + +
+ +
+ +
+
+ + +
+ +
+ + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+ + +
+
+ + +
+ +
+ +
+
+ + +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+
\ 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 e18b42fd1..ffbdabab3 100644 --- a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html +++ b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html @@ -2,168 +2,164 @@
Sonarr Settings -
-
- Advanced - -
- -
-
-
-
- - + +
+
+
+
+ V3
-
- -
-
-
- - +
+
+ Enable
-
-
- -
-
-
- - +
+ Advanced
-
-
- - - -
- -
- - - -
- - -
- - - -
-
- -
- +
+
+ +
+ + Sonarr Hostname or IP + + The IP/Hostname is required + + + Port + + The Port is required + + SSL
-
-
-
- -
- -
- - - +
+ + Sonarr API Key + + The API Key is required +
-
- - -
- -
- +
+ + Sonarr Base URL + +
- - -
- -
- - +
+ +
+
+
+ + Quality Profiles + + {{quality.name}} + + A Default Quality Profile is required + +
+
+ +
+
+
+
+ + Quality Profiles (Anime) + + {{quality.name}} + + A Default Quality Profile is required + +
+
-
-
- -
- -
-
+
+
+
+ + Default Root Folders + + {{folder.path}} + + A Default Root Folder is required + +
+
+ +
+
+
+
+ + Default Root Folders (Anime) + + {{folder.path}} + + A Default Root Folder (Anime) is required + +
+
-
- -
- - +
+
+ +
+
+ + Language Profiles + + {{lang.name}} + + A Language Profile is required + +
+
+ +
+
-
-
-
- - +
+
+ Enable season folders +
+
- -
-
-
- - +
+
+ Do not search +
-
-
-
-
- +
+
+
+ +
-
-
-
- +
+
+ +
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 2d51f1403..dd9ab640e 100644 --- a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss +++ b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss @@ -5,29 +5,11 @@ margin-top: 10px; } -.col-md-6 { - display: contents; +.col-8 { + display: inline-table; } - .col-md-5 { - display: contents; -} - -.col-md-4 { - display: contents; -} - -.control-label { - font-weight: 400; -} - -.row { - display: block; -} - -::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; + display: inline-table; } ::ng-deep .load { @@ -35,15 +17,3 @@ 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; - } -} \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.ts b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.ts index ec044d9e3..c4cb0d920 100644 --- a/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.ts +++ b/src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from "@angular/core"; -import { FormBuilder, FormGroup, Validators } from "@angular/forms"; +import { FormBuilder, FormControl, FormGroup, Validators } from "@angular/forms"; import { ILanguageProfiles, ISonarrProfile, ISonarrRootFolder } from "../../interfaces"; @@ -28,12 +28,32 @@ export class SonarrComponent implements OnInit { public langRunning: boolean; public form: FormGroup; public advanced = false; + formErrors: any; constructor(private settingsService: SettingsService, private sonarrService: SonarrService, private notificationService: NotificationService, private testerService: TesterService, - private fb: FormBuilder) { } + private fb: FormBuilder){} + + onFormValuesChanged() + { + for ( const field in this.formErrors ) + { + if ( !this.formErrors.hasOwnProperty(field) ) + { + continue; + } + // Clear previous errors + this.formErrors[field] = {}; + // Get the control + const control = this.form.get(field); + if ( control && control.dirty && !control.valid && control.value === "Please Select") + { + this.formErrors[field] = control.errors; + } + } + } public ngOnInit() { this.settingsService.getSonarr() @@ -41,8 +61,8 @@ export class SonarrComponent implements OnInit { this.form = this.fb.group({ enabled: [x.enabled], apiKey: [x.apiKey, [Validators.required]], - qualityProfile: [x.qualityProfile, [Validators.required]], - rootPath: [x.rootPath, [Validators.required]], + qualityProfile: [x.qualityProfile, [Validators.required, validateProfile]], + rootPath: [x.rootPath, [Validators.required, validateProfile]], qualityProfileAnime: [x.qualityProfileAnime], rootPathAnime: [x.rootPathAnime], ssl: [x.ssl], @@ -67,6 +87,16 @@ export class SonarrComponent implements OnInit { if(x.v3) { this.form.controls.languageProfile.setValidators([Validators.required]); } + + this.formErrors ={ + apiKey: {}, + qualityProfile: {}, + rootPath: {}, + ip: {}, + port: {}, + + }; + this.onFormValuesChanged(); }); this.rootFolders = []; this.qualities = []; @@ -81,9 +111,8 @@ export class SonarrComponent implements OnInit { this.sonarrService.getQualityProfiles(form.value) .subscribe(x => { this.qualities = x; - this.qualities.unshift({ name: "Please Select", id: -1 }); this.qualitiesAnime = x; - + this.qualities.unshift({ name: "Please Select", id: -1 }); this.profilesRunning = false; this.notificationService.success("Successfully retrieved the Quality Profiles"); }); @@ -155,3 +184,10 @@ export class SonarrComponent implements OnInit { }); } } +function validateProfile(qualityProfile): { [key: string]:boolean } | null { + + if (qualityProfile.value !== undefined && (isNaN(qualityProfile.value) || qualityProfile.value == -1)) { + return { 'profileValidation': true }; + } + return null; +} \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/styles/shared.scss b/src/Ombi/ClientApp/src/styles/shared.scss index 1bee8b8d4..b37f141ef 100644 --- a/src/Ombi/ClientApp/src/styles/shared.scss +++ b/src/Ombi/ClientApp/src/styles/shared.scss @@ -1,5 +1,5 @@ @import "~styles/variables.scss"; -@media (max-width: 978px) { +/*@media (max-width: 978px) { .top-spacing { padding-top: 2%; } @@ -14,7 +14,7 @@ .top-spacing { padding-top: 2%; } -} +}*/ html, body { @@ -100,4 +100,20 @@ table { background-color: rgba(0, 0, 0, 0.18); color:#fff; border: 1px solid rgba(0, 0, 0, 0.18); -} \ No newline at end of file +} + +::ng-deep .mat-toolbar.mat-primary{ + margin-bottom: 0.5em; +} + +::ng-deep .dark .mat-form-field.mat-focused .mat-form-field-label{ + color: $accent-dark; +} + +::ng-deep .mat-form-field.mat-focused .mat-form-field-label{ + color: $accent; +} + +::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{ + margin:0.5em; +}