From 24e1e94747c9a070bc84a64ace47166efe52f7f1 Mon Sep 17 00:00:00 2001
From: Gauthier <mail@gauthierth.fr>
Date: Mon, 19 May 2025 05:45:12 +0200
Subject: [PATCH] fix(ui): make person media type filter consistent on mobile
 (#1669)

This PR fixes the media type filter on mobile
---
 src/components/PersonDetails/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/PersonDetails/index.tsx b/src/components/PersonDetails/index.tsx
index a1dedcb0..539d90a7 100644
--- a/src/components/PersonDetails/index.tsx
+++ b/src/components/PersonDetails/index.tsx
@@ -271,9 +271,11 @@ const PersonDetails = () => {
           </div>
         )}
         <div className="w-full text-center text-gray-300 lg:text-left">
-          <div className="flex w-full items-center justify-between">
+          <div className="flex w-full items-center justify-center lg:justify-between">
             <h1 className="text-3xl text-white lg:text-4xl">{data.name}</h1>
-            <div className="flex-shrink-0">{mediaTypePicker}</div>
+            <div className="hidden flex-shrink-0 lg:block">
+              {mediaTypePicker}
+            </div>
           </div>
           <div className="mt-1 mb-2 space-y-1 text-xs text-white sm:text-sm lg:text-base">
             <div>{personAttributes.join(' | ')}</div>
@@ -312,6 +314,7 @@ const PersonDetails = () => {
           )}
         </div>
       </div>
+      <div className="lg:hidden">{mediaTypePicker}</div>
       {data.knownForDepartment === 'Acting' ? [cast, crew] : [crew, cast]}
       {isLoading && <LoadingSpinner />}
     </>