Update app.py

app.py

@@ -323,7 +323,7 @@ def app_gradio():
                 # define root_path
                 root_path = "resource/demo/example"
                 
-                # First column
+                # First column ==============================
                 with gr.Column(scale=1, min_width=350):
                     # Person image
                     image_path = gr.Image(
@@ -334,17 +334,18 @@ def app_gradio():
                     person_image = gr.ImageEditor(
                         interactive=True, label="Person Image", type="filepath"
                     )
-                        
                     # Mask instruction
-                    gr.Markdown(
-                        '<span style="color: #808080; font-size: small;">Two ways to provide Mask:<br>1. Upload the person image and use the `🖌️` above to draw the Mask (higher priority)<br>2. Select the `Try-On Cloth Type` to generate automatically </span>'
-                    )
-                    cloth_type = gr.Radio(
-                        label="Try-On Cloth Type",
-                        choices=["upper", "lower", "overall"],
-                        value="upper",
-                    )
-                    
+                    gr.Row():
+                        gr.Column(scale = 1):
+                            gr.Markdown(
+                                '<span style="color: #808080; font-size: small;">Two ways to provide Mask:<br>1. Upload the person image and use the `🖌️` above to draw the Mask (higher priority)<br>2. Select the `Try-On Cloth Type` to generate automatically </span>'
+                            )
+                        gr.Column(scale = 1):
+                            cloth_type = gr.Radio(
+                                label="Try-On Cloth Type",
+                                choices=["upper", "lower", "overall"],
+                                value="upper",
+                            )
                     # Model column examples
                     # Men examples
                     men_exm = gr.Examples(
@@ -385,18 +386,14 @@ def app_gradio():
                     #     '<span style="color: #808080; font-size: small;">*Condition examples come from the Internet. </span>'
                     # )                       
                         
-                # Second column    
+                # Second column ==========================================    
                 with gr.Column(scale=1, min_width=350):
                     # Clothes image
-                    with gr.Row():
-                        with gr.Column(scale=1, min_width=230):
-                            cloth_image = gr.Image(
-                                interactive=True, label="Clothes Image", type="filepath"
-                            )
-                
-                    with gr.Row():
+                    cloth_image = gr.Image(
+                        interactive=True, label="Clothes Image", type="filepath"
+                    )
+
                         # Clothes column examples
-                        with gr.Column(scale = 1, min_width=230):
                             # Upper clothes examples
                             condition_upper_exm = gr.Examples(
                                 examples=[
@@ -420,7 +417,7 @@ def app_gradio():
                             
 
                         
-                # ===============================================================
+            # Below ===============================================================
             with gr.Row():
                 with gr.Column():
                     # Result pennal