From f00251df35ea6e9ab9c9aa8cd36e7faad4a91cce Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Fri, 20 Dec 2024 08:38:29 -0800
Subject: [PATCH] Fix: To avoid overlap with other header elements in TV
 layout, prevent moving section tabs upwards, and retain the default
 behaviour. By default on TV layout, this shift happens when the width is
 greater than 100em.

---
 Theme/ElegantFin-theme-nightly.css | 32 +++++++++++++++---------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index d98ee00..2ecbf80 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -198,7 +198,7 @@ h1 {
     font-size: 1.25em;
 }
 
-.emby-scrollbuttons-button.paper-icon-button-light > .material-icons {
+.emby-scrollbuttons-button.paper-icon-button-light>.material-icons {
     font-size: 1.5em;
     place-content: center;
 }
@@ -986,24 +986,24 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 @media (min-width: 62em) {
-  .sectionTabs {
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-align-self: center;
-    align-self: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    margin-top: -4.3em;
-    position: relative;
-    width: auto;
-  }
+    .sectionTabs:not(.layout-tv .sectionTabs) {
+        -webkit-align-items: center;
+        align-items: center;
+        -webkit-align-self: center;
+        align-self: center;
+        -webkit-justify-content: center;
+        justify-content: center;
+        margin-top: -4.3em;
+        position: relative;
+        width: auto;
+    }
 
     .libraryPage:not(.noSecondaryNavPage) {
         padding-top: 4.8em !important;
     }
 }
 
-.emby-select-withcolor > option {
-  color: inherit;
-  background-color: var(--selectorBackgroundColor);
-}
+.emby-select-withcolor>option {
+    color: inherit;
+    background-color: var(--selectorBackgroundColor);
+}
\ No newline at end of file