Change order of UI components

If large images are uploaded, makes more sense to have the buttons at the top.

app.py

@@ -135,19 +135,19 @@ if __name__ == "__main__":
                         yolos_input = gr.Image(label="Input Image", type="pil", interactive=True, mirror_webcam=False)
                         yolos_submit = gr.Button("Detect Objects", interactive=False)
                     with gr.Group():
+                        proceed_button = gr.Button("To Moondream", interactive=False)
                         yolos_gallery = gr.Gallery(label="Detected Objects", object_fit="scale-down", columns=3,
                                                    show_share_button=False, selected_index=None, allow_preview=False,
                                                    type="pil", interactive=False)
-                        proceed_button = gr.Button("To Moondream", interactive=False)
 
             with gr.Tab("Inference", id='moondream'):
                 with gr.Row(equal_height=False):
                     with gr.Column():
                         moon_img = gr.Image(label="Image", type="pil", interactive=True, mirror_webcam=False)
                         with gr.Group():
+                            moon_submit = gr.Button("Submit", interactive=False)
                             moon_prompt = gr.Textbox(label="Ask a question about the image:",
                                                      value="What is this food item? Include any text on labels.")
-                            moon_submit = gr.Button("Submit", interactive=False)
                     moon_output = gr.TextArea(label="Answer", interactive=False)
 
         # --- YOLOS --- #