From 03bfc09beb35a7a23fc0f1f06c43a946c3f8263f Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sun, 6 Feb 2022 13:45:19 -0800
Subject: [PATCH] better position for the audio player

---
 packages/web/components/Audio/AudioHandler.tsx | 2 +-
 packages/web/pages/s/index.tsx                 | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/Audio/AudioHandler.tsx b/packages/web/components/Audio/AudioHandler.tsx
index 611c4db..c11adbe 100644
--- a/packages/web/components/Audio/AudioHandler.tsx
+++ b/packages/web/components/Audio/AudioHandler.tsx
@@ -284,7 +284,7 @@ export default function AudioHandler() {
           onPlay={(e) => console.log("onPlay")}
           showSkipControls={true}
           onEnded={onEndedPlaying}
-          className="w-screen flex flex-row"
+          className="w-screen flex flex-row fixed bottom-0"
         />
       )}
 
diff --git a/packages/web/pages/s/index.tsx b/packages/web/pages/s/index.tsx
index 5350ade..faf6300 100644
--- a/packages/web/pages/s/index.tsx
+++ b/packages/web/pages/s/index.tsx
@@ -130,11 +130,11 @@ Me.getLayout = function (content: ReactElement) {
 
       <KeyboardShortcutHandler />
 
-      <AudioHandler />
-
       <Header />
 
       {content}
+
+      <AudioHandler />
     </div>
   );
 };