Homepage: Cleaning up genres display

src/app/pages/homepage/homepage.component.html

@@ -9,7 +9,12 @@
 			<div class="show-overview">
 				{{this.show.overview}}
 			</div>
-
+			<span *ngFor="let genre of this.show.genres; let isLast = last">
+		                 <b><a draggable="false"
+							   href="/genre/{{genre.slug}}"
+							   routerLink="/genre/{{genre.slug}}">{{genre.name}}</a></b>
+				{{isLast ? "" : ", "}}
+			</span>
 			<button mat-raised-button matTooltipPosition="above" matTooltip="Info" class="mr-5" color="accent" (click)="infoClicked()">
 				More infos <mat-icon>info</mat-icon>
 			</button>

src/app/pages/homepage/homepage.component.scss

@@ -35,10 +35,7 @@
 		right: 0;
 		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(11, 18, 41) 100%),
 		   				  linear-gradient(to left,rgba(0, 0, 0, 0.7),rgba(0,0,0,0),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 1));
-		//@include media-breakpoint-down(md){
-		//	background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(11, 18, 41) 100%),
-		//					linear-gradient(to left,rgba(0, 0, 0, 0.7),rgba(0,0,0,0),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 1));
-		//}
+
 	}
 }
 

src/app/pages/homepage/homepage.component.ts

@@ -81,13 +81,9 @@ export class HomepageComponent implements AfterViewInit, OnDestroy
 
 	infoClicked(): void
 	{
-		if (this.show.isMovie) {
 		this.router.navigate(["/show/" + this.show.slug]);
 	}
-		else {
-			this.router.navigate(["/show/" + this.show.slug + "?season=1"]);
-		}
-	}
+
 	ngAfterViewInit(): void
 	{
 		this.scrollZone = document.getElementById("main");