From b1b0c0545cab53353a0ed0c42375e196bf56f72a Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 10 May 2025 12:27:38 -0700
Subject: [PATCH] New: Centered the poster and backdrop cards for TV series in
 cast and media pages respectively

---
 Theme/ElegantFin-theme-nightly.css | 38 ++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index f3fcee6..ddfd374 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -588,6 +588,10 @@ html {
         margin-top: -47vh;
     }
 
+    .layout-mobile .detailPageWrapperContainer:has(.card.backdropCard) {
+        margin-top: -50vh;
+    }
+
     [data-type=Movie] .listItemImage,
     [data-type=Series] .listItemImage {
         display: unset;
@@ -2468,4 +2472,38 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 .headroom--unpinned {
     -webkit-transform: translateY(-3.7em);
     transform: translateY(-3.7em);
+}
+
+@media (orientation: portrait) {
+
+
+    .layout-mobile [dir=ltr] .infoWrapper:has(.card.backdropCard),
+    .layout-mobile .itemDetailPage.hide+.itemDetailPage .infoWrapper {
+        padding-left: 0;
+    }
+
+    .layout-mobile .detailImageContainer:has(.card.backdropCard),
+    .layout-mobile .itemDetailPage.hide+.itemDetailPage .detailImageContainer {
+        position: inherit;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-left: 0 !important;
+    }
+
+    .layout-mobile .detailImageContainer .card.backdropCard,
+    .layout-mobile .itemDetailPage.hide+.itemDetailPage .detailImageContainer .card {
+        position: inherit !important;
+        transform-origin: bottom;
+    }
+
+    .layout-mobile .detailImageContainer .card.backdropCard,
+    .layout-mobile .itemDetailPage.hide+.itemDetailPage .detailImageContainer .card {
+        transform: scale(1.75);
+    }
+
+    .layout-mobile .detailImageContainer .card.portraitCard {
+        /* transform: scale(1.25); */
+    }
+
 }
\ No newline at end of file