layout changes

app.py

@@ -117,30 +117,41 @@ def toggle_language(switch):
             "Download ZIP File"
         )
 
+# Interface
 # Interface
 with gr.Blocks() as demo:
     lang_switch = gr.Checkbox(label="切換到繁體中文 (Switch to Traditional Chinese)")
     
     title = gr.Markdown("Amis ASR Transcription & Correction System")
     step1 = gr.Markdown("Step 1: Audio Upload & Transcription")
-    step2 = gr.Markdown("Step 2: Review & Edit Transcription")
-    step3 = gr.Markdown("Step 3: User Information")
-    step4 = gr.Markdown("Step 4: Save & Download")
-
+    
+    # Audio input and playback (Original section)
     with gr.Row():
         audio_input = gr.Audio(sources=["upload", "microphone"], type="filepath", label="Audio Input")
+    
+    # Transcribe button below the audio input (Added this section to place the button below the playback)
+    with gr.Row():  # Added this Row to position the button below the audio input
         transcribe_button = gr.Button("Transcribe Audio")
     
     original_text = gr.Textbox(label="Original Transcription", interactive=False, lines=5)
     corrected_text = gr.Textbox(label="Corrected Transcription", interactive=True, lines=5)
 
-    age_input = gr.Slider(minimum=0, maximum=100, step=1, label="Age", value=25)
-    native_speaker_input = gr.Checkbox(label="Native Amis Speaker?", value=True)
+    step2 = gr.Markdown("Step 2: Review & Edit Transcription")
+    step3 = gr.Markdown("Step 3: User Information")
+    
+    with gr.Row():
+        age_input = gr.Slider(minimum=0, maximum=100, step=1, label="Age", value=25)
+        native_speaker_input = gr.Checkbox(label="Native Amis Speaker?", value=True)
 
-    save_button = gr.Button("Save Correction")
-    save_status = gr.Textbox(label="Save Status", interactive=False)
-    download_button = gr.Button("Download ZIP File")
-    download_output = gr.File()
+    step4 = gr.Markdown("Step 4: Save & Download")
+    
+    with gr.Row():
+        save_button = gr.Button("Save Correction")
+        save_status = gr.Textbox(label="Save Status", interactive=False)
+    
+    with gr.Row():
+        download_button = gr.Button("Download ZIP File")
+        download_output = gr.File()
 
     # Toggle language dynamically
     lang_switch.change(
@@ -169,4 +180,4 @@ with gr.Blocks() as demo:
         outputs=download_output
     )
 
-demo.launch()
+demo.launch()