Update app.py

app.py

@@ -214,18 +214,34 @@ def update_history(new_image, history):
     history.insert(0, new_image)
     return history
 
+# --- CSS and Title (unchanged) ---
 css = """
 .gradio-container {
-    width: 1200px !important;
+    max-width: 1200px !important;
+    margin: auto !important;
+}
+/* Add some spacing */
+.gr-form > * {
+    margin-bottom: 10px;
+}
+.gr-button {
+    min-width: 100px; /* Ensure buttons have a minimum width */
+}
+/* Style the history gallery */
+#history_gallery .gr-gallery {
+    min-height: 150px; /* Give gallery some minimum height */
+}
+#history_gallery .gr-gallery > .gr-image {
+    border: 1px solid #ddd; /* Add subtle border to gallery images */
+    border-radius: 4px;
 }
-h1 { text-align: center; }
-footer { visibility: hidden; }
 """
 
+
 title = """<h1 align="center">Diffusers Image Outpaint Lightning</h1>
 """
 
-with gr.Blocks(css=css) as demo:
+with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
     with gr.Column():
         gr.HTML(title)