From 7ff5766ceeefcb174f354d6d93cfa023b69c74fa Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Fri, 20 Dec 2024 12:57:29 -0800
Subject: [PATCH] Fix: Reduce card size if the screen is landscape and short in
 height

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

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 2ecbf80..637e678 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -247,7 +247,7 @@ h1 {
 @media (orientation: portrait) and (max-width: 40em) {
     .layout-mobile .itemBackdrop {
         height: 40vh;
-        opacity: .35;
+        /* opacity: .35; */
     }
 
     .mediaInfoOfficialRating {
@@ -262,14 +262,21 @@ h1 {
     }
 }
 
-@media (max-height: 31.25em) {
-    .itemBackdrop {
+@media (orientation: landscape) and (max-height: 40em) {
+    /* .itemBackdrop {
         height: 62vh;
+    } */
+
+    .portraitCard {
+        min-width: 2em;
+        width: 8.5%;
+        max-width: 6.5em;
     }
 }
 
 .layout-mobile .itemBackdrop {
     margin-top: 3.5em;
+    opacity: .35;
 }
 
 h2 {