improved interface

app.py

@@ -253,16 +253,12 @@ with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
     gr.HTML(intro)
     gr.Markdown(markdown_top)
 
-    with gr.Row():
-        with gr.Column(scale=2):
+    with gr.Column(scale=1):
+        with gr.Row():
             input_im = gr.Image(label="Input", type="filepath", show_label=True)
-        with gr.Column(scale=1):
+        with gr.Row():
             num_inference_steps = gr.Slider(
-                label="Number of Inference Steps",
-                minimum=1,
-                maximum=200,
-                step=1,
-                value=25,
+                label="Number of Inference Steps", minimum=1, maximum=200, step=1, value=25,
             )
             upscale_factor = gr.Slider(
                 label="Scale factor. Applicable only to non-aligned face images. This will upscale the entire image.",
@@ -271,51 +267,49 @@ with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
                 step=0.1,
                 value=1,
             )
-            seed = gr.Slider(
-                label="Seed", minimum=0, maximum=MAX_SEED, step=1, value=42,
-            )
-
+            seed = gr.Slider(label="Seed", minimum=0, maximum=MAX_SEED, step=1, value=42)
+            
             randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
-            aligned = gr.Checkbox(
-                label="The input is an aligned face image.", value=False
+            aligned = gr.Checkbox(label="The input is an aligned face image.", value=False)
+        with gr.Row():
+            with gr.Column(scale=1):
+                run_button = gr.Button(value="Submit", variant="primary")
+            with gr.Column(scale=1):
+                clear_button = gr.ClearButton(value="Clear")
+    with gr.Column(scale=1):
+        with gr.Row():
+            result = gr.Image(label="Output", type="numpy", show_label=True, format="png")
+        with gr.Row():
+            gallery = gr.Gallery(
+                label="Restored faces gallery", type="numpy", show_label=True, format="png"
             )
 
-    with gr.Row():
-        with gr.Column(scale=1):
-            run_button = gr.Button(value="Submit", variant="primary")
-        with gr.Column(scale=1):
-            clear_button = gr.ClearButton(value="Clear")
-
-    with gr.Row():
-        result = gr.Image(label="Output", type="numpy", show_label=True, format="png")
-    with gr.Row():
-        gallery = gr.Gallery(label="Restored faces gallery", type="numpy", show_label=True, format="png")
-
     clear_button.add(input_im)
     clear_button.add(result)
     clear_button.add(gallery)
 
-    examples = gr.Examples(
-        examples=[
-            [42, False, "examples/01.png", False, 1, 25],
-            [42, False, "examples/03.jpg", False, 2, 25],
-            [42, False, "examples/00000055.png", True, 1, 25],
-            [42, False, "examples/00000085.png", True, 1, 25],
-            [42, False, "examples/00000113.png", True, 1, 25],
-            [42, False, "examples/00000137.png", True, 1, 25],
-        ],
-        fn=inference,
-        inputs=[
-            seed,
-            randomize_seed,
-            input_im,
-            aligned,
-            upscale_factor,
-            num_inference_steps,
-        ],
-        outputs=[result, gallery],
-        cache_examples="lazy",
-    )
+    with gr.Row():
+        examples = gr.Examples(
+            examples=[
+                [42, False, "examples/01.png", False, 1, 25],
+                [42, False, "examples/03.jpg", False, 2, 25],
+                [42, False, "examples/00000055.png", True, 1, 25],
+                [42, False, "examples/00000085.png", True, 1, 25],
+                [42, False, "examples/00000113.png", True, 1, 25],
+                [42, False, "examples/00000137.png", True, 1, 25],
+            ],
+            fn=inference,
+            inputs=[
+                seed,
+                randomize_seed,
+                input_im,
+                aligned,
+                upscale_factor,
+                num_inference_steps,
+            ],
+            outputs=[result, gallery],
+            cache_examples="lazy",
+        )
 
     gr.Markdown(article)
     gr.on(