Update app.py

app.py

@@ -34,19 +34,23 @@ languages = {
 }
 
 
-# Set up the Gradio interface with a submit button
+# Set up the Gradio interface with a submit button and side-by-side layout
 with gr.Blocks() as iface:
     gr.Markdown("# Text Translator")
     gr.Markdown("Translate text into multiple languages using Hugging Face models.")
 
-    # Input components
-    text_input = gr.Textbox(label="Enter text to translate")
-    language_dropdown = gr.Dropdown(list(languages.keys()), label="Target Language", type="value")
+    # Create a row for input and output
+    with gr.Row():
+        # Input components on the left
+        with gr.Column(scale=1):  # This column is smaller
+            text_input = gr.Textbox(label="Enter text to translate")
+            language_dropdown = gr.Dropdown(list(languages.keys()), label="Target Language", type="value")
 
-    # Output component
-    translation_output = gr.Textbox(label="Translation")
+        # Output components on the right
+        with gr.Column(scale=1):  # This column is also smaller
+            translation_output = gr.Textbox(label="Translation", interactive=False)
 
-    # Button to submit
+    # Button to submit the translation
     submit_button = gr.Button("Translate")
 
     # When button is clicked, trigger the translation