Refactor layout in app.py to improve UI structure by adjusting column scales for result display, enhancing visual clarity and organization.

app.py

@@ -264,13 +264,14 @@ with gr.Blocks(css=css) as demo:
                 </script>
                 """)
 
-            with gr.Column(scale=1):
-                gr.Markdown("### 🧪 Result1")
-                stage2_result = gr.Image(label="Result1", show_label=False, type="pil", interactive=False, height=350)
-
-            with gr.Column(scale=1):
-                gr.Markdown("### 📤 Result2")
-                result = gr.Image(label="Result2", show_label=False, type="pil", interactive=False, height=350)
+            with gr.Column(scale=2):
+                with gr.Column(scale=1):
+                    gr.Markdown("### 🧪 Result1")
+                    stage2_result = gr.Image(label="Result1", show_label=False, type="pil", interactive=False, height=350)
+
+                with gr.Column(scale=1):
+                    gr.Markdown("### 📤 Result2")
+                    result = gr.Image(label="Result2", show_label=False, type="pil", interactive=False, height=350)
 
         run_button = gr.Button("🚀 Generate", variant="primary", size="lg")