From 2e5d5180083380cd0971d60bff2f172c6fefd127 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Thu, 4 Feb 2021 18:58:00 +0100
Subject: [PATCH 1/3] Fix for Carousel titles on Mobile displays

---
 .../components/carousel-list/carousel-list.component.scss  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
index 2e3161ede..325c03512 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
@@ -62,6 +62,13 @@
   margin-top:-61px;
 }
 
+@media (max-width:520px){
+  .right{
+      margin-top:0px;
+      text-align: center;;
+  }
+}
+
 .discover-filter-buttons-group {
   background: $ombi-background-primary;
   border: 1px solid $ombi-background-primary-accent;

From 88376eae6d81550b395f80c60140f8f43e74be42 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Thu, 4 Feb 2021 19:33:14 +0100
Subject: [PATCH 2/3] Fix for longer application names

---
 src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss | 4 ++++
 1 file changed, 4 insertions(+)

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 c513aba89..27346079b 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
@@ -121,6 +121,10 @@
         font-size:36px;
         padding:40px 20px;
         height:auto;
+        max-width: 350px;
+        display: flex;
+        white-space: normal;
+        text-align: center;
     }
 
     .outer-profile {

From 6b38d6e339f5529d694c6695b7d9e5c84f659171 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Thu, 4 Feb 2021 20:47:36 +0100
Subject: [PATCH 3/3] Fixed issue #4005

---
 .../card/discover-card.component.html         | 14 ++++++-------
 .../card/discover-card.component.scss         | 20 +++++++++++++++++++
 2 files changed, 27 insertions(+), 7 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 d218d9c9f..35eae0e21 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
@@ -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>
\ 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 ecefeb96c..b927176fd 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
@@ -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;
 }
\ No newline at end of file