Update app.py

app.py

@@ -180,37 +180,40 @@ def clear_history():
     return None, None, "Conversation history cleared."
 
 with gr.Blocks(css="style.css") as demo:
-    description = gr.Markdown("# <center><b>Optimus Prime: Voice Assistant with Translation</b></center>")
-
-    select = gr.Dropdown([
-        'Llama 3 8B Service',
-        'Mixtral 8x7B',
-        'Llama 3 8B',
-        'Mistral 7B v0.3',
-        'Phi 3 mini',
-    ],
-    value="Llama 3 8B Service",
-    label="Model"
-    )
-    seed = gr.Slider(
-    label="Seed",
-    minimum=0,
-    maximum=999999,
-    step=1,
-    value=0,
-    visible=False
-    )
-    target_lang = gr.Dropdown(
-        choices=list(LANGUAGE_CODES.keys()),
-        value="German",
-        label="Target Language for Translation"
-    )
-    input_audio = gr.Audio(label="User Input", sources=["microphone"], type="filepath")
-    output_audio = gr.Audio(label="AI Response", type="filepath", interactive=False, autoplay=True)
-    translated_audio = gr.Audio(label="Translated Audio", type="filepath", interactive=False, autoplay=True)
-    status_message = gr.Textbox(label="Status", interactive=False)
-
-    clear_button = gr.Button("Clear Conversation History")
+    gr.Markdown("# <center><b>Optimus Prime: Voice Assistant with Translation</b></center>")
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            select = gr.Dropdown([
+                'Llama 3 8B Service',
+                'Mixtral 8x7B',
+                'Llama 3 8B',
+                'Mistral 7B v0.3',
+                'Phi 3 mini',
+            ],
+            value="Llama 3 8B Service",
+            label="Model"
+            )
+            seed = gr.Slider(
+                label="Seed",
+                minimum=0,
+                maximum=999999,
+                step=1,
+                value=0,
+                visible=False
+            )
+            target_lang = gr.Dropdown(
+                choices=list(LANGUAGE_CODES.keys()),
+                value="German",
+                label="Target Language for Translation"
+            )
+            input_audio = gr.Audio(label="User Input", sources=["microphone"], type="filepath")
+            clear_button = gr.Button("Clear Conversation History")
+
+        with gr.Column(scale=1):
+            output_audio = gr.Audio(label="AI Response", type="filepath", interactive=False, autoplay=True)
+            translated_audio = gr.Audio(label="Translated Audio", type="filepath", interactive=False, autoplay=True)
+            status_message = gr.Textbox(label="Status", interactive=False)
 
     input_audio.change(
         fn=respond,