From da745a0fdc0a9cc47940fdf9bc550f03a8fe6c6f Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Fri, 11 Jul 2025 12:33:50 -0700
Subject: [PATCH] Fix: Reduced top padding on some pages to allow more content
 to be seen Fix: Corrected some other alignment issues

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

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 6531f24..7e77d94 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -54,7 +54,7 @@
     /* textures */
     --backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
     --cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint));
-    --headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 35%, 55%, transparent 90%);
+    --headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 30%, 55%, transparent 90%);
     --headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
 
     --cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent);
@@ -931,7 +931,7 @@ html {
 @supports (aspect-ratio: 1 / 1) {
     .detailLogo {
         display: block;
-        top: calc(100vh - 9em - var(--itemPageNegativeSpace));
+        top: calc(100vh - 10em - var(--itemPageNegativeSpace));
         left: 0;
         width: 40%;
         transform: translateY(-100%);
@@ -958,7 +958,7 @@ html {
 }
 
 .layout-desktop .itemBackdrop {
-    height: calc(100vh - 31vh - var(--itemPageNegativeSpace)) !important;
+    height: calc(100vh - 32vh - var(--itemPageNegativeSpace)) !important;
 }
 
 .layout-mobile .itemBackdrop {
@@ -999,6 +999,7 @@ html {
 .detailImageContainer .card.backdropCard {
     width: 40vh !important;
     max-width: 50vw;
+    margin-bottom: 2em;
 }
 
 .detailImageContainer .card {
@@ -1033,9 +1034,13 @@ html {
     padding-left: 0 !important;
 }
 
+.layout-mobile .detailImageContainer:has(.card:not(.portraitCard)) {
+    height: 0;
+}
+
 .layout-mobile .detailImageContainer .card {
     position: inherit !important;
-    margin-top: -70%;
+    margin-top: -150%;
     max-width: 60vw;
     /* width: 40vw !important; */
 }
@@ -1087,8 +1092,12 @@ html {
 }
 
 /* This reduces the top padding in the cast page */
-#itemDetailPage:has(.btnPlay.hide) .itemBackdrop {
-    height: calc(100vh - 25em - var(--itemPageNegativeSpace)) !important;
+#itemDetailPage:has(.detailImageContainer .cardImageIcon.person, .detailImageContainer .cardImageIcon.book) .itemBackdrop {
+    height: calc(100vh - 50vh - var(--itemPageNegativeSpace)) !important;
+}
+
+#itemDetailPage:has(.detailImageContainer .cardImageIcon.album) .itemBackdrop {
+    height: calc(100vh - 45vh - var(--itemPageNegativeSpace)) !important;
 }
 
 .layout-mobile #itemDetailPage:has(.detailImageContainer .card.backdropCard, .detailImageContainer .card.squareCard) .itemBackdrop {