Update app.py

app.py

@@ -138,8 +138,28 @@ def process_image(image, project_name):
     except Exception as e:
         return f"Error: {str(e)}", "Failure", "", "", 0
 
-# Gradio UI
-with gr.Blocks(css=".gradio-container {background-color: #f0f4f8; font-family: Arial;} .title {color: #2c3e50; font-size: 24px; text-align: center;}") as demo:
+# Gradio UI with added styling
+with gr.Blocks(css="""
+    .gradio-container {
+        background-color: #f0f4f8;
+        font-family: Arial;
+    }
+    .title {
+        color: #2c3e50;
+        font-size: 24px;
+        text-align: center;
+        font-weight: bold;
+    }
+    .gradio-row {
+        text-align: center;
+    }
+    .gradio-container .output {
+        text-align: center;
+    }
+    .gradio-container .input {
+        text-align: center;
+    }
+""") as demo:
     gr.Markdown("<h1 class='title'>Construction Milestone Detector</h1>")
     with gr.Row():
         image_input = gr.Image(type="filepath", label="Upload Construction Site Photo (JPG/PNG, ≤ 20MB)")