From 2180129ba370d83081810a23a71d939d86c48347 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sun, 29 Mar 2026 19:25:11 +0530
Subject: [PATCH] New: Updated the media bar add-on for more backdrop
 visibility on desktops

---
 .../media-bar-plugin-support-nightly.css      | 46 ++++++++++++++++++-
 1 file changed, 45 insertions(+), 1 deletion(-)

diff --git a/Theme/assets/add-ons/media-bar-plugin-support-nightly.css b/Theme/assets/add-ons/media-bar-plugin-support-nightly.css
index 0f9100c..379eac9 100644
--- a/Theme/assets/add-ons/media-bar-plugin-support-nightly.css
+++ b/Theme/assets/add-ons/media-bar-plugin-support-nightly.css
@@ -74,7 +74,8 @@
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), 40%, transparent);
 }
 
-.pause-button, .volume-toggle {
+.pause-button,
+.volume-toggle {
     top: 1em !important;
 }
 
@@ -97,6 +98,49 @@
     transform: none;
 }
 
+@media only screen and (orientation: landscape) {
+    .button-container,
+    .dots-container,
+    .plot-container,
+    .genre,
+    .info-container {
+        top: unset;
+    }
+
+    .button-container {
+        bottom: 3em;
+    }
+
+    .dots-container {
+        bottom: 4.5em;
+    }
+
+    .plot-container {
+        height: 4em;
+        bottom: 7em;
+    }
+
+    .genre {
+        bottom: 12em;
+    }
+
+    .info-container {
+        bottom: 14em;
+    }
+
+    .logo-container {
+        top: 30%;
+        align-items: flex-end;
+        max-width: 35vw;
+    }
+
+    .gradient-overlay {
+        mask: none;
+        -webkit-mask: none;
+        background: linear-gradient(37deg, rgb(0 0 0 / 20%) 32%, rgb(29 29 29 / 7%) 47%, rgb(29 29 29 / 0%) 100%);
+    }
+}
+
 @media only screen and (max-width: 767px) and (orientation: portrait) {
     .button-container {
         bottom: 3em;