UI Changes

app.py

@@ -76,16 +76,17 @@ with block:
     )
     with gr.Group():
         with gr.Box():
-          sz = gr.Dropdown(label="Model Size", choices=gio.sizes, value='base')
-          lang = gr.Dropdown(label="Language", choices=gio.langs, value="none")
-          with gr.Row().style(mobile_collapse=False, equal_height=True):
+          with gr.Row().style(equal_height=True):
+            sz = gr.Dropdown(label="Model Size", choices=gio.sizes, value='base')
+            lang = gr.Dropdown(label="Language (Optional)", choices=gio.langs, value="none")
+          with gr.Row().style(equal_height=True):
             wt = gr.Radio(["None", ".srt", ".csv"], label="With Timestamps?")
           link = gr.Textbox(label="YouTube Link")
           title = gr.Label(label="Video Title")
-          with gr.Row().style(mobile_collapse=False, equal_height=True):
+          with gr.Row().style(equal_height=True):
             img = gr.Image(label="Thumbnail")
-          text = gr.Textbox(label="Transcription", placeholder="Transcription Output", lines=5)
-          with gr.Row().style(mobile_collapse=False, equal_height=True): 
+            text = gr.Textbox(label="Transcription", placeholder="Transcription Output", lines=10)
+          with gr.Row().style(equal_height=True): 
               btn = gr.Button("Transcribe")       
           btn.click(gio, inputs=[link, lang, sz, wt], outputs=[text])
           link.change(gio.populate_metadata, inputs=[link], outputs=[img, title])