From 82c23b2a8c36264d8a52706d8fc04958343c4b21 Mon Sep 17 00:00:00 2001
From: HighImKevin <kevinjohncampbell@gmail.com>
Date: Wed, 23 Sep 2026 05:43:11 -0400
Subject: [PATCH] Fix some styling for Custom Pages and scroll buttons and
 thumbnail scrubber

---
 kefinTweaks-plugin.js        |  4 ----
 scripts/cardBuilder.css      | 12 ------------
 scripts/thumbnailScrubber.js | 28 ----------------------------
 scripts/utils.js             |  7 +++++++
 4 files changed, 7 insertions(+), 44 deletions(-)

diff --git a/kefinTweaks-plugin.js b/kefinTweaks-plugin.js
index 93473d9..1fb54da 100644
--- a/kefinTweaks-plugin.js
+++ b/kefinTweaks-plugin.js
@@ -1718,10 +1718,6 @@ window.KefinTweaksConfig = ${JSON.stringify(config, null, 2)};`;
 	transform: translateX(-50%);
 	top: 1em;
 }
-
-#reactRoot:has(main.MuiBox-root) .libraryPage:not(.noSecondaryNavPage).customPage {
-  padding-top: 0 !important;
-}
 `;
         (document.head || document.documentElement).appendChild(style);
     }
diff --git a/scripts/cardBuilder.css b/scripts/cardBuilder.css
index 15faa9c..00d8dd6 100644
--- a/scripts/cardBuilder.css
+++ b/scripts/cardBuilder.css
@@ -2277,10 +2277,6 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels"
 	width: 37.5%;
 }
 
-.emby-scroller-container:has([data-direction="right"]:disabled):has([data-direction="left"]:disabled) button.show-all-button {
-	display: none;
-}
-
 .emby-scroller-container .emby-scrollbuttons:has([data-direction="right"]:disabled):has([data-direction="left"]:disabled) {
 	display: none;
 }
@@ -2317,14 +2313,6 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels"
 	cursor: default;
 }
 
-.emby-scroller-container:has(.itemsContainer[data-layout="grid"]) button.show-all-button::after {
-	content: "Collapse";
-}
-
-.layout-mobile .emby-scroller-container:has(.itemsContainer[data-layout="grid"]) button.show-all-button::after {
-	content: "keyboard_arrow_up";
-}
-
 .layout-mobile .spotlight-section .spotlight-section-title.sectionTabs:has(.emby-tab-button:not(.hide)) {
 	justify-self: center;
 	display: flex !important;
diff --git a/scripts/thumbnailScrubber.js b/scripts/thumbnailScrubber.js
index 08df7ad..2c584de 100644
--- a/scripts/thumbnailScrubber.js
+++ b/scripts/thumbnailScrubber.js
@@ -210,34 +210,6 @@
                 pointer-events: none;
                 transition: background 0.3s ease-in-out !important;
             }
-
-            /* Same-duration top+left (+ transform/margin) so the play button moves diagonally,
-               not axis-by-axis (top/margin → bottom/left produces an L-shaped path). */
-            .cardOverlayButton[data-action="resume"].cardOverlayFab-primary,
-            .cardOverlayButton[data-action="resume"] {
-                transition:
-                    top 0.28s ease,
-                    left 0.28s ease,
-                    right 0.28s ease,
-                    bottom 0.28s ease,
-                    margin 0.28s ease,
-                    transform 0.28s ease,
-                    opacity 0.28s ease;
-            }
-
-            .cardScalable:has(.kefin-hover-preview-sibling) .cardOverlayButton[data-action="resume"],
-            .cardScalable:has(.kefin-hover-preview-frame[style]:not([style=""])) .cardOverlayButton[data-action="resume"] {
-                top: calc(100% - 1.3em) !important;
-                left: 1.3em !important;
-                right: auto !important;
-                bottom: auto !important;
-                margin: 0 !important;
-                transform: translateY(-100%);
-                opacity: 1;
-                visibility: visible;
-                pointer-events: auto;
-                display: inline-flex;
-            }
         `;
         document.head.appendChild(style);
     }
diff --git a/scripts/utils.js b/scripts/utils.js
index 9972105..50eb5b4 100644
--- a/scripts/utils.js
+++ b/scripts/utils.js
@@ -2460,6 +2460,13 @@ window.KefinTweaksConfig = ${JSON.stringify(configToSave, null, 2)};`;
 	top: 1em;
 }
 
+#reactRoot:has(.customPage.mainAnimatedPage:not(.hide)) .backdropImage {
+    background: none !important;
+}
+
+header.MuiPaper-root + main.MuiBox-root .customPage {
+	margin-top: 3rem;
+}
 `;
         (document.head || document.documentElement).appendChild(style);
     }