From a6dd4a8fedb9af9810581b1cc18cfea53b3cfd39 Mon Sep 17 00:00:00 2001
From: Gauthier <mail@gauthierth.fr>
Date: Wed, 12 Mar 2025 22:13:00 +0100
Subject: [PATCH] fix(ui): move watch trailer button above the 4k request
 button (#1465)

Fix a z-index issue with the "Watch Trailer" button being under the "Request in 4k" button

fix #1462
---
 src/components/MovieDetails/index.tsx | 4 +++-
 src/components/TvDetails/index.tsx    | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/MovieDetails/index.tsx b/src/components/MovieDetails/index.tsx
index 45cb0388e..6d4a3be36 100644
--- a/src/components/MovieDetails/index.tsx
+++ b/src/components/MovieDetails/index.tsx
@@ -629,7 +629,9 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
                 )}
               </>
             )}
-          <PlayButton links={mediaLinks} />
+          <div className="z-20">
+            <PlayButton links={mediaLinks} />
+          </div>
           <RequestButton
             mediaType="movie"
             media={data.mediaInfo}
diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index 66b4176da..e90fa9f51 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -671,7 +671,9 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
                 )}
               </>
             )}
-          <PlayButton links={mediaLinks} />
+          <div className="z-20">
+            <PlayButton links={mediaLinks} />
+          </div>
           <RequestButton
             mediaType="tv"
             onUpdate={() => revalidate()}