update: alignment of run button

app.py

@@ -81,17 +81,23 @@ body {
 .custom-row {
     display: flex;
     justify-content: center;
+    align-items: center; /* Ensure vertical centering */
     padding: 20px;
 }
+
 .custom-button {
     background-color: #6a1b9a;
     color: white;
-    font-size: 14px;  /* Reduced font size */
-    width: 120px;     /* Reduced width */
+    font-size: 14px;
+    width: 120px;
+    height: 40px; /* Ensures consistent height */
     border-radius: 8px;
     cursor: pointer;
+    margin: 0 auto; /* Center button within its parent container */
+    text-align: center;
 }
 
+
 /* Custom border styles for all Gradio components */
 .gradio-container, .gradio-row, .gradio-column, .gradio-input, .gradio-image, .gradio-checkgroup, .gradio-button, .gradio-markdown {
     border: 3px #800000 !important;  /* Border width and color */
@@ -168,7 +174,8 @@ with gr.Blocks(css=custom_css) as interface:
                 label="Select Model(s)",
             )
             #with gr.Row(elem_classes="custom-row"):
-            run_button = gr.Button("Run", elem_classes="custom-button")
+            with gr.Row(elem_classes="custom-row"):
+                run_button = gr.Button("Run", elem_classes="custom-button")
 
 
         with gr.Column():