Update app.py

app.py

@@ -121,7 +121,7 @@ examples = [
 
 css = """
 #app-container {
-    max-width: 896px;
+    max-width: auto;
     margin-left: auto;
     margin-right: auto;
     
@@ -179,21 +179,22 @@ with gr.Blocks(theme=theme, css=css, elem_id="app-container") as app:
                 text_button = gr.Button("Run", variant='primary', elem_id="gen-button")
                 clr_button =gr.Button("Clear prompt",variant="primary", elem_id="clear_button")
                 clr_button.click(lambda: gr.Textbox(value=""), None, text_prompt)
-
-            with gr.Row():
-                image_output = gr.Image(type="pil", label="Image Output", format="png", elem_id="gallery")
-                
-            with gr.Row(): 
-                clear_btn = gr.Button(value="Clear Image",variant="primary", elem_id="clear_button")
-                clear_btn.click(clear, inputs=[ ], outputs=[image_output])
-
-
-
-            gr.Examples(
-                examples = examples,
-                inputs = [text_prompt],
-            )
-                            
+            with gr.Column(elem_id="image-container"):                
+
+                with gr.Row():
+                    image_output = gr.Image(type="pil", label="Image Output", format="png", elem_id="gallery")
+                    
+                with gr.Row(): 
+                    clear_btn = gr.Button(value="Clear Image",variant="primary", elem_id="clear_button")
+                    clear_btn.click(clear, inputs=[ ], outputs=[image_output])
+    
+    
+    
+                gr.Examples(
+                    examples = examples,
+                    inputs = [text_prompt],
+                )
+                                
     text_button.click(query, inputs=[custom_lora, text_prompt, negative_prompt, steps, cfg, method, seed, strength, width, height], outputs=[image_output, seed_output])