From 4d4a0a05dc5795c4915af29ada9e9ac70efe3e3a Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 11 Dec 2024 07:49:56 -0800
Subject: [PATCH] Fix: Preventing portrait cards from becoming abnormally
 large. Fix: Square cards in Live TV section were overflowing. Setting a
 smaller width fixes it.

---
 Theme/ElegantFin-theme-nightly.css | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index d9e1a6a..35bb0a2 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -44,6 +44,16 @@ html {
     margin-right: auto;
 }
 
+/* .pageTabContent .vertical-wrap {
+    justify-content: space-evenly !important;
+}
+
+.vertical-wrap,
+.sectionTitleContainer~.vertical-wrap,
+.sectionTitle~.vertical-wrap {
+    justify-content: flex-start !important;
+} */
+
 .vertical-wrap {
     justify-content: flex-start !important;
 }
@@ -153,7 +163,7 @@ h1 {
 .portraitCard {
     min-width: 5em;
     width: 30%;
-    max-width: 15em;
+    max-width: 12.9em;
 }
 
 .headerHomeButton,
@@ -771,8 +781,11 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .smallBackdropCard,
-.squareCard {
-    width: 47%;
+.squareCard,
+.backdropCard,
+.bannerCard {
+    width: 46%;
+    max-width: 18em;
 }
 
 .layout-mobile #myPreferencesMenuPage {
@@ -824,11 +837,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     margin-inline-start: .5em;
 }
 
-.backdropCard,
-.bannerCard {
-    width: 46%;
-}
-
 .toast {
     background: var(--headerColor);
     border: solid 1px var(--borderColor);