Update app.py

app.py

@@ -228,35 +228,30 @@ with gr.Blocks(
         box-shadow: 0 2px 6px rgba(0,0,0,0.1);
     }
     
-    #generate-btn {
+    #generate-btn,
+    #ai-write-btn,
+    #recreate-btn,
+    #reset-btn,
+    #done-btn,
+    #tts-btn,
+    #recreate_scene_index {
         background-color: #ffffff;
         color: black;
         border: 1px solid #000000;
     }
     
-    #ai-write-btn {
-        background-color: #ffffff;
-        color: black;
-        border: 1px solid #000000;
-    }
-    
-    #recreate-btn {
-        background-color: #ffffff;
-        color: black;
-        border: 1px solid #000000;
-    }
-    
-    #reset-btn {
-        background-color: #ffffff;
-        color: black;
-        border: 1px solid #000000;
+    #generate-btn, #ai-write-btn{
+        display: flex;
+        justify-content: center;
+        gap: 10px;
     }
     
-    #done-btn {
-        background-color: #ffffff;
-        color: black;
-        border: 1px solid #000000;
+    #recreate-btn,#reset-btn, #done-btn {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
     }
+
     
     #tts-btn {
         background-color: #ffffff;
@@ -269,7 +264,8 @@ with gr.Blocks(
     #recreate-btn:hover,
     #reset-btn:hover,
     #done-btn:hover,
-    #tts-btn:hover {
+    #tts-btn:hover,
+    #recreate_scene_index{
         background: linear-gradient(to right, #3498db, #2980b9);
         color: white;
         cursor: pointer;
@@ -355,6 +351,7 @@ with gr.Blocks(
     with gr.Row():
         generate_btn = gr.Button("➕ Generate The Scene", elem_id="generate-btn")
         ai_coauthor_btn = gr.Button("🤖 Let AI Write This One", elem_id="ai-write-btn")
+    with gr.Row():
         recreate_scene_index = gr.Number(label="🔢 Scene Number to Recreate", precision=0, value=1)
         recreate_btn = gr.Button("🔄 Recreate The Scene", elem_id="recreate-btn")
         reset_btn = gr.Button("\n⏭️ Reset", elem_id="reset-btn")