From 473b8ed28fd6d42da1cbdb396551f9519d49f34f Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Mon, 19 May 2025 13:27:49 -0700
Subject: [PATCH] Fix: Tweaked card sizes for more even alignment

---
 Theme/ElegantFin-theme-nightly.css | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index ce79f62..8964a1e 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -741,8 +741,6 @@ html {
     min-width: 15%;
 }
 
-@media (orientation: landscape) and (min-width: 40em) {}
-
 @media (orientation: portrait) and (max-width: 40em) {
 
     [data-type=Movie] .listItemImage,
@@ -761,27 +759,28 @@ html {
         width: 45vw !important;
     }
 
-    .layout-mobile .overflowPortraitCard {
-        width: 35vw;
-    }
 
     .layout-mobile .overflowSquareCard {
         width: 26vw;
     }
 
+    /* two portrait cards and three backdrop cards in cast page */
+    .layout-mobile .overflowPortraitCard,
     .layout-mobile .overflowBackdropCard,
     .layout-mobile .overflowSmallBackdropCard {
-        width: 40vw;
-    }
-
-    .layout-mobile #homeTab .overflowBackdropCard,
-    .layout-mobile #homeTab .overflowSmallBackdropCard {
         width: 42vw;
     }
 
+    /* two and a quarter portrait cards in home page */
+    .layout-mobile #homeTab .overflowBackdropCard,
+    .layout-mobile #homeTab .overflowSmallBackdropCard {
+        /* width: 38vw; */
+    }
+
+    /* quarter to two backdrop cards in home page */
     .layout-mobile #homeTab .overflowBackdropCard:has(.cardOverlayButtonIcon.play_arrow),
     .layout-mobile #homeTab .overflowSmallBackdropCard:has(.cardOverlayButtonIcon.play_arrow) {
-        width: 60vw;
+        width: 55vw;
     }
 }