From a7d5bc436e1d392a25f0f61601849a2c4ab31a5a Mon Sep 17 00:00:00 2001
From: JorySeverijnse <jory@severijnse.eu>
Date: Sun, 21 Dec 2025 19:51:34 +0100
Subject: [PATCH] Fixed the /oscilloscope view to show the correct fields at
 right locations

---
 src/components/AudioUploader.tsx |  2 +-
 src/components/Oscilloscope.tsx  | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/AudioUploader.tsx b/src/components/AudioUploader.tsx
index 89648ff..c7fac1e 100755
--- a/src/components/AudioUploader.tsx
+++ b/src/components/AudioUploader.tsx
@@ -31,7 +31,7 @@ export function AudioUploader({ onFileSelect, isLoading, fileName }: AudioUpload
   return (
     <div
       className={cn(
-        "relative border-2 border-dashed border-primary/40 rounded-lg p-8 text-center",
+        "relative border-2 border-dashed border-primary/40 rounded-lg py-24 px-8 text-center",
         "hover:border-primary/70 transition-all duration-300 cursor-pointer",
         "bg-secondary/20 hover:bg-secondary/30",
         isLoading && "opacity-50 pointer-events-none"
diff --git a/src/components/Oscilloscope.tsx b/src/components/Oscilloscope.tsx
index 447864f..cc63e5b 100644
--- a/src/components/Oscilloscope.tsx
+++ b/src/components/Oscilloscope.tsx
@@ -279,7 +279,15 @@ export function Oscilloscope() {
             onSeek={handleSeek}
             liveSettings={liveSettings}
           />
-          
+          {/* Audio Uploader - below controls on desktop */}
+          <div className="w-full mt-4">
+            <AudioUploader
+              onFileSelect={handleFileSelect}
+              isLoading={isLoading}
+              fileName={fileName}
+            />
+          </div>
+ 
           {/* Audio Playback Controls */}
           {audioData && originalFile && (
             <div className="w-full max-w-3xl space-y-2 px-4">
@@ -344,14 +352,6 @@ export function Oscilloscope() {
             onToggleMic={toggleMic}
           />
           
-          {/* Audio Uploader - below controls on desktop */}
-          <div className="mt-4">
-            <AudioUploader
-              onFileSelect={handleFileSelect}
-              isLoading={isLoading}
-              fileName={fileName}
-            />
-          </div>
         </div>
       </div>
 
@@ -466,4 +466,4 @@ export function Oscilloscope() {
       )}
     </div>
   );
-}
\ No newline at end of file
+}