Improve layout

app_dialogue.py

@@ -314,6 +314,7 @@ textbox = gr.Textbox(
     visible=True,
     container=False,
     label="Text input",
+    scale=6
 )
 with gr.Blocks(title="IDEFICS Playground", theme=gr.themes.Base()) as demo:
     gr.HTML("""<h1 align="center">🐶 IDEFICS Playground - EMBARGO UNTIL AUGUST 22ND</h1>""")  # TODO remove embargo
@@ -383,16 +384,11 @@ with gr.Blocks(title="IDEFICS Playground", theme=gr.themes.Base()) as demo:
 
     with gr.Group():
         with gr.Row():
-            with gr.Column(scale=0.6):
-                textbox.render()
-            with gr.Column(scale=0.1, min_width=80):
-                submit_btn = gr.Button(value="▶️ Submit", visible=True)
-            with gr.Column(scale=0.1, min_width=0):
-                clear_btn = gr.ClearButton([textbox, imagebox, chatbot], value="🧹 Clear")
-            with gr.Column(scale=0.1, min_width=0):
-                regenerate_btn = gr.Button(value="🔄 Regenerate", visible=True)
-            with gr.Column(scale=0.1, min_width=0):
-                upload_btn = gr.UploadButton("📁 Upload image", file_types=["image"])
+            textbox.render()
+            submit_btn = gr.Button(value="▶️ Submit", visible=True)
+            clear_btn = gr.ClearButton([textbox, imagebox, chatbot], value="🧹 Clear")
+            regenerate_btn = gr.Button(value="🔄 Regenerate", visible=True)
+            upload_btn = gr.UploadButton("📁 Upload image", file_types=["image"])
     # with gr.Group():
     #     with gr.Row():
     #         with gr.Column(scale=1, min_width=50):