From ad81b23c9510942444e179c505ec31c45ea528f3 Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Sat, 16 Dec 2023 16:58:53 +0100
Subject: [PATCH] Fix thumbnail going under next episode button

---
 src/components/player/base/BottomControls.tsx | 2 +-
 src/pages/parts/player/PlayerPart.tsx         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/player/base/BottomControls.tsx b/src/components/player/base/BottomControls.tsx
index 4af547f6..38b8f516 100644
--- a/src/components/player/base/BottomControls.tsx
+++ b/src/components/player/base/BottomControls.tsx
@@ -27,7 +27,7 @@ export function BottomControls(props: {
       <div
         onMouseOver={() => setHoveringAnyControls(true)}
         onMouseOut={() => setHoveringAnyControls(false)}
-        className="pointer-events-auto pl-[calc(2rem+env(safe-area-inset-left))] pr-[calc(2rem+env(safe-area-inset-right))] pb-3 mb-[env(safe-area-inset-bottom)] absolute bottom-0 w-full"
+        className="pointer-events-auto z-10 pl-[calc(2rem+env(safe-area-inset-left))] pr-[calc(2rem+env(safe-area-inset-right))] pb-3 mb-[env(safe-area-inset-bottom)] absolute bottom-0 w-full"
       >
         <Transition animation="slide-up" show={props.show}>
           {props.children}
diff --git a/src/pages/parts/player/PlayerPart.tsx b/src/pages/parts/player/PlayerPart.tsx
index 371087e3..d5a180c3 100644
--- a/src/pages/parts/player/PlayerPart.tsx
+++ b/src/pages/parts/player/PlayerPart.tsx
@@ -130,6 +130,7 @@ export function PlayerPart(props: PlayerPartProps) {
       </Player.BottomControls>
 
       <Player.VolumeChangedPopout />
+
       <Player.NextEpisodeButton
         controlsShowing={showTargets}
         onChange={props.onMetaChange}