Update app.py

app.py

@@ -254,10 +254,12 @@ css = """
 
 # Build Gradio UI
 with gr.Blocks(css=css) as demo:
-    gr.Markdown("## Pixel3dmm [Image Mode]")
-    gr.Markdown("Versatile Screen-Space Priors for Single-Image 3D Face Reconstruction.")
     gr.HTML(
         """
+        <div style="text-align: center;">
+            <h1>Pixel3dmm [Image Mode]</h1>
+            <p style="font-size:16px;">Versatile Screen-Space Priors for Single-Image 3D Face Reconstruction.</p>
+        </div>
         <br>
         <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
             <a href="https://github.com/SimonGiebenhain/pixel3dmm">
@@ -272,6 +274,8 @@ with gr.Blocks(css=css) as demo:
         with gr.Row():
             with gr.Column():
                 image_in = gr.Image(label="Upload Image", type="numpy", height=512)
+                run_btn = gr.Button("Reconstruct Face")
+    
                 status = gr.Textbox(label="Status", lines=6, interactive=True, value="Upload an image to start.")
 
             with gr.Column():
@@ -285,14 +289,13 @@ with gr.Blocks(css=css) as demo:
     
                 examples = gr.Examples(
                     examples=["example_images/jim_carrey.png", "example_images/margaret_qualley.png"],
-                    inputs=image_in,
+                    inputs=[image_in],
                     outputs=[],  # outputs are specified via the callback
                     fn=run_pipeline,
                     cache_examples=True  # cache results of examples for faster loading
                 )
     
-        run_btn = gr.Button("Run Pipeline")
-    
+
         run_btn.click(
             fn=run_pipeline,
             inputs=[image_in],