Update app.py

app.py

@@ -590,6 +590,14 @@ def make_custom_css():
         padding: 20px;
         border-radius: 15px;
         border: 1px solid #3a3b3e;
+        display: flex;
+        flex-direction: column;
+        align-items: center;  /* Center output content */
+        gap: 20px;
+    }
+    .output-panel > div {
+        width: 100%;
+        max-width: 640px;  /* Limit width for better centering */
     }
     .settings-panel h3 {
         color: #4b9ffa;
@@ -610,7 +618,9 @@ def make_custom_css():
     .button-container {
         display: flex;
         gap: 10px;
-        margin-top: 15px;
+        margin: 15px 0;
+        justify-content: center;
+        width: 100%;
     }
     /* Override Gradio's default light theme */
     .gr-box {
@@ -728,6 +738,18 @@ with block:
                 height=320
             )
             
+            # Moved buttons here
+            with gr.Group(elem_classes="button-container"):
+                start_button = gr.Button(
+                    value="▶️ Generate Animation",
+                    elem_classes=["primary-btn"]
+                )
+                stop_button = gr.Button(
+                    value="⏹️ Stop",
+                    elem_classes=["secondary-btn"],
+                    interactive=False
+                )
+            
             with gr.Group(elem_classes="prompt-container"):
                 prompt = gr.Textbox(
                     label="Describe the animation you want",
@@ -744,17 +766,6 @@ with block:
                         components=[prompt]
                     )
             
-            with gr.Group(elem_classes="button-container"):
-                start_button = gr.Button(
-                    value="▶️ Generate Animation",
-                    elem_classes=["primary-btn"]
-                )
-                stop_button = gr.Button(
-                    value="⏹️ Stop",
-                    elem_classes=["secondary-btn"],
-                    interactive=False
-                )
-
         # Right Column - Output
         with gr.Column(elem_classes="output-panel"):
             preview_image = gr.Image(