reorder input component layout

app.py

@@ -162,12 +162,38 @@ with gradio.Blocks(title=TITLE, head=CUSTOM_JS, css=CUSTOM_CSS) as gradio_app:
     )
     with gradio.Row():  # Inputs and Outputs
         with gradio.Column():  # Inputs
+            gradio.Markdown("## Select Languages")
+            with gradio.Row():
+                text_lang_dropdown = gradio.Dropdown(
+                    choices=[code.value for code in slt.TextLanguageCodes],
+                    value=slt.TextLanguageCodes.URDU.value,
+                    label="Text Language",
+                    elem_id="text-lang-dropdown",
+                )
+                text_lang_dropdown.change(
+                    None, inputs=text_lang_dropdown, js="updateTextareaDir"
+                )
+                sign_lang_dropdown = gradio.Dropdown(
+                    choices=[code.value for code in slt.SignLanguageCodes],
+                    value=slt.SignLanguageCodes.PAKISTAN_SIGN_LANGUAGE.value,
+                    label="Sign Language",
+                )
+                output_format_dropdown = gradio.Dropdown(
+                    choices=[
+                        slt.SignFormatCodes.VIDEO.value,
+                        slt.SignFormatCodes.LANDMARKS.value,
+                    ],
+                    value=slt.SignFormatCodes.VIDEO.value,
+                    label="Output Format",
+                )
+                # todo: sign format: video/landmarks (tabs?)
+
             gradio.Markdown("## Input Text")
             with gradio.Row():
                 with gradio.Column():  # Source TextArea
                     gradio.Markdown("Write here (in selected language):")
                     source_textbox = gradio.Textbox(
-                        lines=1,
+                        lines=2,
                         placeholder="Enter Text Here...",
                         label="Spoken Language Sentence",
                         show_copy_button=True,
@@ -198,32 +224,6 @@ with gradio.Blocks(title=TITLE, head=CUSTOM_JS, css=CUSTOM_CSS) as gradio_app:
                             api_name=False,
                         )
 
-            gradio.Markdown("## Select Languages")
-            with gradio.Row():
-                text_lang_dropdown = gradio.Dropdown(
-                    choices=[code.value for code in slt.TextLanguageCodes],
-                    value=slt.TextLanguageCodes.URDU.value,
-                    label="Text Language",
-                    elem_id="text-lang-dropdown",
-                )
-                text_lang_dropdown.change(
-                    None, inputs=text_lang_dropdown, js="updateTextareaDir"
-                )
-                sign_lang_dropdown = gradio.Dropdown(
-                    choices=[code.value for code in slt.SignLanguageCodes],
-                    value=slt.SignLanguageCodes.PAKISTAN_SIGN_LANGUAGE.value,
-                    label="Sign Language",
-                )
-                output_format_dropdown = gradio.Dropdown(
-                    choices=[
-                        slt.SignFormatCodes.VIDEO.value,
-                        slt.SignFormatCodes.LANDMARKS.value,
-                    ],
-                    value=slt.SignFormatCodes.VIDEO.value,
-                    label="Output Format",
-                )
-                # todo: sign format: video/landmarks (tabs?)
-
         with gradio.Column():  # Outputs
             gradio.Markdown("## Output Sign Language")
             output_video = gradio.Video(
@@ -253,7 +253,7 @@ with gradio.Blocks(title=TITLE, head=CUSTOM_JS, css=CUSTOM_CSS) as gradio_app:
             ["یہ بہت اچھا ہے۔", "ur", "pakistan-sign-language", "video"],
             ["وہ کام آسان تھا۔", "ur", "pakistan-sign-language", "landmarks"],
             ["पाँच घंटे।", "hi", "pakistan-sign-language", "video"],
-            # ["आप कैसे हैं?", "hi", "pakistan-sign-language"],
+            ["कैसे हैं आप?", "hi", "pakistan-sign-language", "video"],
         ],
         inputs=[source_textbox, text_lang_dropdown, sign_lang_dropdown, output_format_dropdown],
         outputs=output_video,