From 1174801b8e9f952971e8e3a428bc82879c55a079 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Thu, 19 Dec 2024 09:25:19 -0800
Subject: [PATCH] Fix: Reworked media page layout to prevent abnormally large

---
 Theme/ElegantFin-theme-nightly.css | 31 +++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index ebf5852..6d00bd0 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -197,13 +197,13 @@ h1 {
 }
 
 .detailPageWrapperContainer {
-    padding-top: 30vh;
+    /* padding-top: 30vh; */
     background: linear-gradient(0deg, var(--darkerGradientPoint) 85%, transparent);
-    margin-top: -40vh;
+    /* margin-top: -40vh; */
 }
 
 .itemBackdrop {
-    height: 50vh;
+    height: 13em;
 }
 
 .mediaInfoOfficialRating {
@@ -218,6 +218,26 @@ h1 {
     border: solid var(--borderWidth) var(--borderColor);
 }
 
+.layout-desktop .detailRibbon {
+    height: auto !important;
+    margin-top: unset !important;
+}
+
+.layout-desktop .detailImageContainer .card {
+    top: unset !important;
+}
+
+.detailPageWrapperContainer {
+    padding-top: unset;
+    margin-top: unset;
+}
+
+@media (max-width: 62.5em) {
+    .layout-desktop .itemBackdrop {
+        height: 7em !important;
+    }
+}
+
 @media (orientation: portrait) and (max-width: 40em) {
     .layout-mobile .itemBackdrop {
         height: 40vh;
@@ -229,6 +249,11 @@ h1 {
         padding-inline-end: .475em;
         padding-block-start: 0.470em;
     }
+
+    .detailPageWrapperContainer {
+        padding-top: 35vh;
+        margin-top: -45vh;
+    }
 }
 
 @media (max-height: 31.25em) {