From cd92b4db5b43435316f0c8b4a70464493886f4b9 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Fri, 11 Jun 2021 00:11:05 +0200
Subject: [PATCH] Cutoff is infixable, but cheated a bit with css.

---
 .../carousel-list.component.scss              |  6 ++--
 .../carousel-list/carousel-list.component.ts  | 34 +++++++++----------
 .../discover/discover.component.scss          |  5 ---
 3 files changed, 21 insertions(+), 24 deletions(-)

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 91086d34d..df366c350 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
@@ -105,6 +105,8 @@
    padding: 5px;
 }
 
-::ng-deep .p-carousel-item{
-  flex: 1 0 200px !important;
+@media (min-width:755px){
+  ::ng-deep .p-carousel-item{
+    flex: 1 0 200px !important;
+  }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
index cfe3ef6dd..2c397e12e 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
@@ -46,80 +46,80 @@ export class CarouselListComponent implements OnInit {
             {
                 breakpoint: '4000px',
                 numVisible: 17,
-                numScroll: 17
+                numScroll: 16
             },
             {
                 breakpoint: '3800px',
                 numVisible: 16,
-                numScroll: 16
+                numScroll: 15
             },
             {
                 breakpoint: '3600px',
                 numVisible: 15,
-                numScroll: 15
+                numScroll: 14
             },
             {
                 breakpoint: '3400px',
                 numVisible: 14,
-                numScroll: 14
+                numScroll: 13
             },
             {
                 breakpoint: '3200px',
                 numVisible: 13,
-                numScroll: 13
+                numScroll: 12
             },
             {
                 breakpoint: '3000px',
                 numVisible: 12,
-                numScroll: 12
+                numScroll: 11
             },
             {
                 breakpoint: '2800px',
                 numVisible: 11,
-                numScroll: 11
+                numScroll: 10
             },
             {
                 breakpoint: '2600px',
                 numVisible: 10,
-                numScroll: 10
+                numScroll: 9
             },
             {
                 breakpoint: '2400px',
                 numVisible: 9,
-                numScroll: 9
+                numScroll: 8
             },
             {
                 breakpoint: '2200px',
                 numVisible: 8,
-                numScroll: 8
+                numScroll: 7
             },
             {
                 breakpoint: '2000px',
                 numVisible: 7,
-                numScroll: 7
+                numScroll: 6
             },
             {
                 breakpoint: '1800px',
                 numVisible: 6,
-                numScroll: 6
+                numScroll: 5
             },
             {
                 breakpoint: '1650px',
                 numVisible: 5,
-                numScroll: 5
+                numScroll: 4
             },
             {
                 breakpoint: '1500px',
                 numVisible: 4,
-                numScroll: 4
+                numScroll: 3
             },
             {
-                breakpoint: '1250px',
+                breakpoint: '768px',
                 numVisible: 3,
-                numScroll: 3
+                numScroll: 2
             },
             {
-                breakpoint: '768px',
+                breakpoint: '660px',
                 numVisible: 2,
                 numScroll: 2
             },
diff --git a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
index 0951061a1..d95586507 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
+++ b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
@@ -9,9 +9,4 @@ h2{
     margin-top:40px;
     margin-left:40px;
     font-size: 24px;
-}
-
-::ng-deep .p-carousel-item{
-    min-height:290px;
-    max-height:290px;
 }
\ No newline at end of file