Fixed issue #4005

src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html

@@ -18,13 +18,13 @@
                     <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 poster-request-btn" (click)="request($event)">
-                        <mat-icon *ngIf="!loading">cloud_download</mat-icon>
-                        <i *ngIf="loading" class="fas fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
-                    </button>
-                </div>
+        </div>
+        <div class="row button-request-container" *ngIf="!result.available && !result.approved">
+            <div class="button-request poster-overlay">
+                <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="fas fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
+                </button>
             </div>
         </div>
 </div>

src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss

@@ -240,4 +240,24 @@ a.poster-overlay:hover{
 
 .ombi-card #cardImage:hover{
   cursor: pointer;
+}
+
+.ombi-card .button-request-container{
+  position: relative;
+  width: 100%;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: -37px;
+  margin-bottom: 0px;
+  opacity:0;
+  transition: .5s ease;
+}
+
+::ng-deep .ombi-card .button-request-container .button-request{
+  padding-right:0px;
+  padding-left:0px;
+}
+
+.c:hover .button-request-container {
+  opacity:1;
 }