From 6c3a6a3dd9468252e5830b6f53b2f24af4cdeb02 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Mon, 3 Jun 2024 14:26:00 +0000
Subject: [PATCH] Update image container height

This adjusts the image container height when the title cover = 'Small', reducing the height of the carousal controls to match he smaller cover size
---
 code/web/interface/themes/responsive/css-rtl/main.css          | 3 +++
 .../interface/themes/responsive/css-rtl/title-scroller.less    | 3 +++
 code/web/interface/themes/responsive/css/main.css              | 3 +++
 code/web/interface/themes/responsive/css/title-scroller.less   | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/code/web/interface/themes/responsive/css-rtl/main.css b/code/web/interface/themes/responsive/css-rtl/main.css
index 27dd710739..be44d464ac 100644
--- a/code/web/interface/themes/responsive/css-rtl/main.css
+++ b/code/web/interface/themes/responsive/css-rtl/main.css
@@ -9630,6 +9630,9 @@ a.browse-thumbnail.active {
 .horizontalCarouselSpotlightWrapper .smallScroller .scrollerTitleCover {
   width: auto;
 }
+.horizontalCarouselSpotlightWrapper .smallScroller .carouselScrollerTitle .carouselScrollerTitleImage {
+  height: 140px;
+}
 .moreLikeThisWrapper li.carouselTitleWrapper,
 .seriesWrapper li.carouselTitleWrapper {
   width: 140px !important;
diff --git a/code/web/interface/themes/responsive/css-rtl/title-scroller.less b/code/web/interface/themes/responsive/css-rtl/title-scroller.less
index d736f20927..8bce896295 100644
--- a/code/web/interface/themes/responsive/css-rtl/title-scroller.less
+++ b/code/web/interface/themes/responsive/css-rtl/title-scroller.less
@@ -125,6 +125,9 @@
     .scrollerTitleCover{
       width: auto;
     }
+    .carouselScrollerTitle .carouselScrollerTitleImage {
+      height: 140px;
+    }
   }
 }
 
diff --git a/code/web/interface/themes/responsive/css/main.css b/code/web/interface/themes/responsive/css/main.css
index 5e45d5afff..e3d00264cf 100644
--- a/code/web/interface/themes/responsive/css/main.css
+++ b/code/web/interface/themes/responsive/css/main.css
@@ -9810,6 +9810,9 @@ a.browse-thumbnail.active {
 .horizontalCarouselSpotlightWrapper .smallScroller .scrollerTitleCover {
   width: auto;
 }
+.horizontalCarouselSpotlightWrapper .smallScroller .carouselScrollerTitle .carouselScrollerTitleImage {
+  height: 140px;
+}
 .moreLikeThisWrapper li.carouselTitleWrapper,
 .seriesWrapper li.carouselTitleWrapper {
   width: 140px !important;
diff --git a/code/web/interface/themes/responsive/css/title-scroller.less b/code/web/interface/themes/responsive/css/title-scroller.less
index 660d4344a9..c462038e0c 100644
--- a/code/web/interface/themes/responsive/css/title-scroller.less
+++ b/code/web/interface/themes/responsive/css/title-scroller.less
@@ -125,6 +125,9 @@
     .scrollerTitleCover {
       width: auto;
     }
+    .carouselScrollerTitle .carouselScrollerTitleImage{
+      height: 140px;
+    }
   }
 }