From 8df87128cae6910f469ba6441b50bc87ae70e3e0 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 18 Dec 2024 07:49:32 -0800
Subject: [PATCH] Fix: Adjusted media rating icon dimensions for smaller
 screens

---
 Theme/ElegantFin-theme-nightly.css | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 498f048..e838339 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -242,11 +242,29 @@ h1 {
     height: 50vh;
 }
 
+.mediaInfoOfficialRating {
+    border-radius: .5em;
+    font-size: 66%;
+    line-height: 1em;
+    margin: 0em 0.5em .15em 0em !important;
+    padding-inline: .5em;
+    padding-block-start: .4em;
+    font-weight: 600;
+    background: transparent !important;
+    border: solid 1px var(--borderColor);
+}
+
 @media (orientation: portrait) and (max-width: 40em) {
     .layout-mobile .itemBackdrop {
         height: 40vh;
         opacity: .35;
     }
+
+    .mediaInfoOfficialRating {
+        padding-inline-start: .5em;
+        padding-inline-end: .475em;
+        padding-block-start: 0.470em;
+    }
 }
 
 @media (max-height: 31.25em) {
@@ -429,18 +447,6 @@ html {
     backdrop-filter: blur(8px);
 }
 
-.mediaInfoOfficialRating {
-    border-radius: .5em;
-    font-size: 66%;
-    line-height: 1em;
-    margin: 0em 0.5em .15em 0em !important;
-    padding-inline: .5em;
-    padding-block-start: .4em;
-    font-weight: 600;
-    background: transparent !important;
-    border: solid 1px var(--borderColor);
-}
-
 .detailButton {
     border-radius: .5em;
     border: solid var(--lighterBorderColor) 1px;