From 2ac4097966043a9ff547c7425b7030584ded78d0 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 6 Aug 2025 08:15:40 -0700
Subject: [PATCH] Fix: Updated the media bar plugin styling on TVs to match the
 desktop layout

---
 .../media-bar-plugin-support-nightly.css       | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

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 d7205da..4b520a0 100644
--- a/Theme/assets/add-ons/media-bar-plugin-support-nightly.css
+++ b/Theme/assets/add-ons/media-bar-plugin-support-nightly.css
@@ -41,7 +41,8 @@
 }
 
 /* this is my own take */
-.layout-desktop #slides-container {
+.layout-desktop #slides-container,
+.layout-tv #slides-container {
     width: calc(100vw - (2 * var(--sidePadding)));
     height: 60%;
     top: 8em;
@@ -51,18 +52,27 @@
     user-select: none;
 }
 
-.layout-desktop .logo-container {
+.layout-tv #slides-container {
+    top: 0em;
+}
+
+.layout-desktop .logo-container,
+.layout-tv .logo-container {
     top: 10vh;
 }
 
 .layout-desktop .backdrop,
 .layout-desktop .backdrop-container,
-.layout-desktop .backdrop-overlay {
+.layout-desktop .backdrop-overlay,
+.layout-tv .backdrop,
+.layout-tv .backdrop-container,
+.layout-tv .backdrop-overlay {
     mask-image: none;
     -webkit-mask-image: none;
 }
 
-.layout-desktop .backdrop-overlay {
+.layout-desktop .backdrop-overlay,
+.layout-tv .backdrop-overlay {
     background: linear-gradient(0deg, rgba(0, 0, 0, .85), 40%, transparent);
 }