From 108c7d908bed1b2b82805dadfce62849ec23e67d Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Fri, 2 Aug 2024 20:59:20 +0500
Subject: [PATCH] fix: release page on mobile

---
 app/components/ReleasePlayer/ReleasePlayer.tsx | 4 ++--
 app/pages/Release.tsx                          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/ReleasePlayer/ReleasePlayer.tsx b/app/components/ReleasePlayer/ReleasePlayer.tsx
index 240e57a..53bfa72 100644
--- a/app/components/ReleasePlayer/ReleasePlayer.tsx
+++ b/app/components/ReleasePlayer/ReleasePlayer.tsx
@@ -97,7 +97,7 @@ export const ReleasePlayer = (props: { id: number }) => {
       ) : (
         <>
           <div className="flex flex-wrap gap-2">
-            <Dropdown label={`Озвучка: ${selectedVoiceover.name}`} color="blue">
+            <Dropdown label={`Озвучка: ${selectedVoiceover.name}`} color="blue" theme={DropdownTheme}>
               {voiceoverInfo.map((voiceover: any) => (
                 <Dropdown.Item
                   key={`voiceover_${voiceover.id}`}
@@ -107,7 +107,7 @@ export const ReleasePlayer = (props: { id: number }) => {
                 </Dropdown.Item>
               ))}
             </Dropdown>
-            <Dropdown label={`Плеер: ${selectedSource.name}`} color="blue">
+            <Dropdown label={`Плеер: ${selectedSource.name}`} color="blue" theme={DropdownTheme}>
               {sourcesInfo.map((source: any) => (
                 <Dropdown.Item
                   key={`source_${source.id}`}
diff --git a/app/pages/Release.tsx b/app/pages/Release.tsx
index 1db0b0b..6244902 100644
--- a/app/pages/Release.tsx
+++ b/app/pages/Release.tsx
@@ -46,7 +46,7 @@ export const ReleasePage = (props: any) => {
 
   return data ? (
     <main className="container px-4 pt-4 pb-24 mx-auto sm:pb-4">
-      <div className="grid grid-cols-[100%] lg:grid-cols-[70%_30%] gap-2 grid-flow-row-dense ">
+      <div className="flex flex-col lg:grid lg:grid-cols-[70%_30%] gap-2 grid-flow-row-dense">
         <div className="[grid-column:1] [grid-row:span_2]">
           <ReleaseInfoBasics
             image={data.release.image}
@@ -78,7 +78,7 @@ export const ReleasePage = (props: any) => {
             genres={data.release.genres}
           />
         </div>
-        <div className="[grid-column:2] -order-1 lg:order-none">
+        <div className="[grid-column:2]">
           <ReleaseInfoUserList
             userList={userList}
             isFavorite={userFavorite}