UI update

app.py

@@ -325,6 +325,13 @@ with blocks:
         with gr.Column():
             input_img = gr.inputs.Image(type="filepath", label="Input image")
             
+        with gr.Column():    
+            style_choice = gr.inputs.CheckboxGroup(choices=editor.get_style_list(), type="value", label="Choose your styles!")
+
+            editing_type_choice = gr.Radio(choices=["None", "InterFaceGAN", "StyleCLIP"], label="Choose latent space editing option. For InterFaceGAN and StyleCLIP, set the options below:")
+
+    with gr.Row():
+        with gr.Column():
             with gr.Tabs():
                 with gr.TabItem("Edit Images"):
                     img_button = gr.Button("Edit Image")
@@ -339,11 +346,7 @@ with blocks:
                             gr.Markdown("To reduce queue times, we significantly reduced the number of video frames. Using more than 3 styles will further reduce the frames per style, leading to quicker transitions. For better control, we recommend cloning the gradio app, adjusting <b>num_alphas</b> in <b>generate_videos.py</b>, and running the code locally.")
                     vid_output = gr.outputs.Video(label="Output Video")
 
-        with gr.Column():    
-            style_choice = gr.inputs.CheckboxGroup(choices=editor.get_style_list(), type="value", label="Choose your styles!")
-
-            editing_type_choice = gr.Radio(choices=["None", "InterFaceGAN", "StyleCLIP"], label="Choose latent space editing option. For InterFaceGAN and StyleCLIP, set the options below:")
-            
+        with gr.Column():            
             with gr.Tabs():
                 with gr.TabItem("InterFaceGAN Editing Options"):
                     gr.Markdown("Move the sliders to make the chosen attribute stronger (e.g. the person older) or leave at 0 to disable editing.")