7 files changed, 20 insertions, 37 deletions

diff --git a/src/web/src/app/app.component.ts b/src/web/src/app/app.component.ts
index fdbd59f..72141a5 100644
--- a/src/web/src/app/app.component.ts
+++ b/src/web/src/app/app.component.ts
@@ -16,8 +16,7 @@ export class AppComponent implements OnInit {
      */
     constructor(route: Router) {
         this.routes = route.url;
-        console.log(this.routes);
     }
 
-    ngOnInit(): void {}
+    ngOnInit(): void { }
 }
diff --git a/src/web/src/app/film/film.component.ts b/src/web/src/app/film/film.component.ts
index f3c002c..4c40295 100644
--- a/src/web/src/app/film/film.component.ts
+++ b/src/web/src/app/film/film.component.ts
@@ -51,6 +51,9 @@ export class FilmComponent implements OnInit {
         { name: 'viki', url: 'https://www.viki.com/' },
         { name: 'youtube', url: 'https://www.youtube.com/' },
         { name: 'youtubetv', url: 'https://tv.youtube.com/' },
+        { name: 'vudu', url: 'https://vudu.com/' },
+        { name: 'nbc', url: 'https://nbc.com/' },
+        { name: 'cartoonnetwork', url: 'https://www.cartoonnetwork.com/video' },
     ];
     constructor(
         private route: ActivatedRoute,
@@ -88,15 +91,12 @@ export class FilmComponent implements OnInit {
     }
 
     getProviderImage(i: number) {
-        console.log(
-            (this.providers[i] as string).toLowerCase().replace(/ /g, '').replace('+', 'plus')
-        );
         return (this.providers[i] as string).toLowerCase().replace(/ /g, '').replace('+', 'plus');
     }
 
     getLink(i: number) {
-        let a = (this.providers[i] as string).toLowerCase().replace(/ /g, '');
-        let search = this.urls.find((x) => x.name == a);
+        let a = (this.providers[i] as string).toLowerCase().replace(/ /g, '').replace('+', 'plus');
+        let search = this.urls.find(x => x.name == a);
         if (search == undefined || search == null) {
             return '';
         } else {
diff --git a/src/web/src/app/scrape.service.ts b/src/web/src/app/scrape.service.ts
index bbde5f3..0c245b2 100644
--- a/src/web/src/app/scrape.service.ts
+++ b/src/web/src/app/scrape.service.ts
@@ -10,11 +10,9 @@ export class ScrapeService {
     constructor(private service: HttpClient) { }
 
     performCheck(id, query, type) {
-        console.log('performCheck(...);');
         var res = this.service.get(this.apiURL + 'performCheck', {
             params: { id: id, query: query, type: type },
         });
-        console.log(res);
         return res;
     }
 }
\ No newline at end of file
diff --git a/src/web/src/app/search-bar/search-bar.component.html b/src/web/src/app/search-bar/search-bar.component.html
index 88d9c1d..422ff51 100644
--- a/src/web/src/app/search-bar/search-bar.component.html
+++ b/src/web/src/app/search-bar/search-bar.component.html
@@ -1,41 +1,22 @@
 <form class="example-form">
-    <mat-form-field
-        style="width: 100%"
-        class="example-full-width"
-        appearance="outline"
-    >
+    <mat-form-field style="width: 100%" class="example-full-width" appearance="outline">
         <mat-label style="font-size: x-large">Discover</mat-label>
-        <input
-            type="text"
-            placeholder="Movies / TV Shows"
-            aria-label="Number"
-            matInput
-            [formControl]="myControl"
-            [matAutocomplete]="auto"
-        />
+        <input type="text" placeholder="Movies / TV Shows" aria-label="Number" matInput [formControl]="myControl"
+            [matAutocomplete]="auto" />
         <mat-icon matSuffix>search</mat-icon>
         <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
-            <mat-option
-                class="is-loading"
-                *ngIf="isLoading && hasItems && !isEmpty"
-            >
+            <mat-option class="is-loading" *ngIf="isLoading && hasItems && !isEmpty">
                 <mat-spinner [color]="color" diameter="50"></mat-spinner>
             </mat-option>
             <mat-option *ngIf="!hasItems && !isEmpty">
-                No Movies found
+                No movies found
             </mat-option>
             <ng-container *ngIf="!isLoading && hasItems">
-                <mat-option
-                    *ngFor="let option of options"
-                    [value]="option.original_title"
-                >
-                    <app-search-item
-                        (click)="storeData(option)"
-                        [model]="option"
-                        [routerLink]="['', option.media_type, option.id]"
-                    ></app-search-item>
+                <mat-option *ngFor="let option of options" [value]="option.original_title">
+                    <app-search-item (click)="storeData(option)" [model]="option"
+                        [routerLink]="['', option.media_type, option.id]"></app-search-item>
                 </mat-option>
             </ng-container>
         </mat-autocomplete>
     </mat-form-field>
-</form>
+</form>
\ No newline at end of file
diff --git a/src/web/src/assets/img/platforms/cartoonnetwork.png b/src/web/src/assets/img/platforms/cartoonnetwork.png
new file mode 100644
index 0000000..7ae15ac
--- /dev/null
+++ b/src/web/src/assets/img/platforms/cartoonnetwork.png
diff --git a/src/web/src/assets/img/platforms/nbc.png b/src/web/src/assets/img/platforms/nbc.png
new file mode 100644
index 0000000..a654a02
--- /dev/null
+++ b/src/web/src/assets/img/platforms/nbc.png
diff --git a/src/web/src/styles.css b/src/web/src/styles.css
index 582bc24..7764a7e 100644
--- a/src/web/src/styles.css
+++ b/src/web/src/styles.css
@@ -107,6 +107,11 @@ body {
     margin: 20px auto;
 }
 
+.card_title {
+    width: 120px;
+    text-align: center;
+}
+
 .card .card-img {
     width: inherit;
     height: inherit;