Update app.py

app.py

@@ -242,7 +242,7 @@ def app_gradio():
         @media (max-width: 768px) {
     .gr-column {
         width: 100% !important;
-        padding: 0.5rem !important;
+        padding: 0.5rem;
     }
     .gr-row {
         flex-direction: column !important;
@@ -255,23 +255,19 @@ def app_gradio():
         padding: 0.8rem 1rem;
         font-size: 1rem;
     }
-    .gr-image {
-        width: 100% !important;
-    }
 }
 
 @media (max-width: 480px) {
     .gr-slider, .gr-radio-group, .gr-markdown, .gr-accordion {
         font-size: 0.9rem !important;
-        padding: 0.5rem !important;
+        padding: 0.5rem;
     }
     button.primary-btn {
-        font-size: 0.8rem !important;
-        padding: 0.6rem 0.8rem !important;
+        font-size: 0.8rem;
+        padding: 0.6rem 0.8rem;
     }
-    .gr-image {
-        width: 100% !important;
-        height: auto !important;
+    .gr-form {
+        margin: 0.5rem;
     }
 }
         button.primary-btn { 
@@ -353,8 +349,7 @@ def app_gradio():
                     person_image = gr.ImageEditor(
                         interactive=True, 
                         label="Upload Your Photo", 
-                        type="filepath",
-                        elem_classes="gr-image"
+                        type="filepath"
                     )
 
                 with gr.Row():
@@ -362,8 +357,7 @@ def app_gradio():
                         cloth_image = gr.Image(
                             interactive=True, 
                             label="Select Garment", 
-                            type="filepath",
-                            lem_classes="gr-image"
+                            type="filepath"
                         )
                     with gr.Column(scale=1, min_width="auto"):
                         gr.Markdown(
@@ -446,7 +440,7 @@ def app_gradio():
                 )
                 with gr.Row():
                     root_path = "resource/demo/example"
-                    with gr.Column(min_width="auto"):
+                    with gr.Column():
                         men_exm = gr.Examples(
                             examples=[
                                 os.path.join(root_path, "person", "men", _)
@@ -465,7 +459,7 @@ def app_gradio():
                             inputs=image_path,
                             label="Sample Photos - Women",
                         )
-                    with gr.Column(min_width="auto"):
+                    with gr.Column():
                         condition_upper_exm = gr.Examples(
                             examples=[
                                 os.path.join(root_path, "condition", "upper", _)