Update app.py

app.py

@@ -241,6 +241,18 @@ h1 {
   text-align: center;
   display: block;
 }
+
+/* --- Centering the main UI --- */
+.gradio-container {
+    max-width: 1280px; /* Adjust this value for desired max width */
+    margin-left: auto !important; /* Add !important to override defaults if needed */
+    margin-right: auto !important;
+    padding-left: 20px; /* Add some padding so content isn't flush against edge */
+    padding-right: 20px;
+}
+/* --- End Centering --- */
+
+
 /* Make gallery items smaller */
 .gradio-container .gallery {
     grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; /* Adjust 120px as needed */
@@ -256,7 +268,6 @@ h1 {
     height: 100% !important;
     width: 100% !important;
 }
-
 """
 
 title = """<h1 align="center">Diffusers Image Outpaint Lightning</h1>