Update app.py

app.py

@@ -38,19 +38,23 @@ css = '''
 #image_out{position:absolute; width: 80%; right: 10px; top: 40px}
 '''
 with gr.Blocks(css=css) as demo:
-    with gr.Group(elem_id="group"):
-      x = gr.Slider(minimum=-10, value=0, maximum=10, elem_id="x", interactive=False)
-      y = gr.Slider(minimum=-10, value=0, maximum=10, elem_id="y", interactive=False)
-      output_image = gr.Image(elem_id="image_out")
-
-    slider_x = gr.Dropdown(label="Slider X concept range", allow_custom_value=True, multiselect=True, max_choices=2)
-    slider_y = gr.Dropdown(label="Slider X concept range", allow_custom_value=True, multiselect=True, max_choices=2)
-    prompt = gr.Textbox(label="Prompt")
-    submit = gr.Button("Submit")
+    with gr.Row():
+        with gr.Column():
+            slider_x = gr.Dropdown(label="Slider X concept range", allow_custom_value=True, multiselect=True, max_choices=2)
+            slider_y = gr.Dropdown(label="Slider X concept range", allow_custom_value=True, multiselect=True, max_choices=2)
+            prompt = gr.Textbox(label="Prompt")
+            submit = gr.Button("Submit")
+    with gr.Row():
+        with gr.Group(elem_id="group"):
+          x = gr.Slider(minimum=-10, value=0, maximum=10, elem_id="x", interactive=False)
+          y = gr.Slider(minimum=-10, value=0, maximum=10, elem_id="y", interactive=False)
+          output_image = gr.Image(elem_id="image_out")
+    
     submit.click(fn=generate,
                  inputs=[slider_x, slider_y, prompt],
                  outputs=[x, y, output_image])
     x.change(fn=update_x, inputs=[slider_x], outputs=[output_image])
     y.change(fn=update_y, inputs=[slider_y], outputs=[output_image])
+
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()