From 859e30695b3c8f1fa3889fc6cb5b1212a44cd397 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Thu, 29 May 2025 02:18:36 -0700
Subject: [PATCH] dev: decreased the size of cards on the home page

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

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index d7ecb14..e1fa933 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -477,7 +477,7 @@ html {
     }
 }
 
-/* 3 posters, 2 thumbs */
+/* 3 posters, 2 thumbs, 2 with footer */
 @media (max-width: 30em) {
 
     .portraitCard,
@@ -836,26 +836,29 @@ html {
     }
 
     /* two portrait cards and three backdrop cards in cast page */
-    .layout-mobile .overflowPortraitCard,
+    .layout-mobile .overflowPortraitCard {
+        width: 27vw;
+    }
+
     .layout-mobile .overflowBackdropCard,
     .layout-mobile .overflowSmallBackdropCard {
         width: 42vw;
     }
 
     .layout-mobile #homeTab .overflowPortraitCard {
-        width: 40vw;
+        /* width: 40vw; */
     }
 
     /* two and a quarter portrait cards in home page */
     .layout-mobile #homeTab .overflowBackdropCard,
     .layout-mobile #homeTab .overflowSmallBackdropCard {
-        width: 42vw;
+        /* width: 42vw; */
     }
 
     /* 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: 52vw;
+        /* width: 52vw; */
     }
 }