From c1d7cb0b9935a12d1e3af13d09590a3f150c3e31 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Sun, 24 Jan 2021 11:20:29 +0100
Subject: [PATCH] Fixed poster text not clickable and fixed image height

---
 .../card/discover-card.component.html         | 13 +++++++-----
 .../card/discover-card.component.scss         | 21 ++++++++++++-------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
index 45c98165f..4fefca11b 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
+++ b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
@@ -9,21 +9,24 @@
             <span>{{getAvailbilityStatus()}}</span>
         </div>
     </div>
-    <a>
+    
         <img [routerLink]="generateDetailsLink()" id="cardImage" src="{{result.posterPath}}" class="image"
             alt="{{result.title}}">
             
         <div class="middle">
-            <div class="title">{{result.title}}</div>
-            <div class="small-text ellipsis">{{result.overview}}</div>
+            <a class="poster-overlay" [routerLink]="generateDetailsLink()">
+                <div class="summary">
+                    <div class="title">{{result.title}}</div>
+                    <div class="small-text ellipsis">{{result.overview}}</div>
+                </div>
+            </a>
             <div class="row" *ngIf="!result.available && !result.approved">
                 <div class="col-12">
-                    <button mat-raised-button class="btn-green full-width" (click)="request($event)">
+                    <button mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
                         <mat-icon *ngIf="!loading">cloud_download</mat-icon>
                         <i *ngIf="loading" class="fa fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
                     </button>
                 </div>
             </div>
         </div>
-    </a>
 </div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
index 010db760e..2c787eb37 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
+++ b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
@@ -63,14 +63,11 @@ small {
 .ombi-card{
   height:100%;
 }
-
-@media (min-width: 2000px) {
-    #cardImage {
-        height: 100%;
-        object-fit: cover;
-        display: block;
-    }
-}
+ #cardImage {
+  height: 100%;
+  object-fit: cover;
+  display: block;
+ }
 
 
 
@@ -207,4 +204,12 @@ small {
 .top-right.requested span:before{
   display: inline-block;
   background-color: #ffd740;
+}
+
+::ng-deep a.poster-overlay{
+  color:#fff;
+}
+
+a.poster-overlay:hover{
+  text-decoration: none;
 }
\ No newline at end of file