Update app.py

app.py

@@ -64,17 +64,58 @@ async def refresh_history_table():
 # --- Gradio UI Definition ---
 css = """
 /* --- Professional Dark Theme & Fonts --- */
-:root { --primary-hue: 220 !important; --secondary-hue: 210 !important; --neutral-hue: 210 !important; --body-background-fill: #111827 !important; --block-background-fill: #1F2337 !important; --block-border-width: 1px !important; --border-color-accent: #374151 !important; --background-fill-secondary: #1F2937 !important;}
-/* --- Header & Title Styling --- */
-#app_header { text-align: center; max-width: 900px; margin: 0 auto; }
-#app_title { font-size: 3rem !important; font-weight: 800 !important; color: #FFFFFF !important; padding-top: 1rem; }
-#app_title p { text-align: center !important; } /* --- THIS IS THE FIX --- */
-#app_subtitle { font-size: 1.25rem !important; color: #9CA3AF !important; margin-bottom: 2rem; }
+:root {
+  --primary-hue: 220 !important;
+  --secondary-hue: 210 !important;
+  --neutral-hue: 210 !important;
+  --body-background-fill: #111827 !important;
+  --block-background-fill: #1F2337 !important;
+  --block-border-width: 1px !important;
+  --border-color-accent: #374151 !important;
+  --background-fill-secondary: #1F2937 !important;
+}
+
+/* --- Header & Title Styling (Centered Fix) --- */
+#app_header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;   /* ensures center horizontally */
+  justify-content: center;
+  max-width: 1000px;
+  margin: 0 auto;
+  text-align: center;
+}
+#app_title {
+  font-size: 3.2rem !important;
+  font-weight: 800 !important;
+  color: #FFFFFF !important;
+  padding-top: 1rem;
+  text-align: center;    /* force center text */
+}
+#app_subtitle {
+  font-size: 1.25rem !important;
+  color: #9CA3AF !important;
+  margin-bottom: 2rem;
+  text-align: center;
+}
+
 /* --- Layout and Spacing --- */
-#main_container { gap: 2rem; max-width: 700px; margin: 0 auto; }
-#results_gallery .gallery-item { padding: 0.25rem !important; background-color: #374151; border: 1px solid #374151 !important; }
-#bottom_controls { max-width: 500px; margin: 2.5rem auto 1rem auto; }
+#main_container {
+  gap: 2rem;
+  max-width: 800px;
+  margin: 0 auto;
+}
+#results_gallery .gallery-item {
+  padding: 0.25rem !important;
+  background-color: #374151;
+  border: 1px solid #374151 !important;
+}
+#bottom_controls {
+  max-width: 500px;
+  margin: 2.5rem auto 1rem auto;
+}
 """
+
 with gr.Blocks(theme=gr.themes.Default(primary_hue="blue", secondary_hue="blue"), css=css, title="Pneumonia Detection AI") as demo:
     
     with gr.Column() as main_app: