Update app.py

app.py

@@ -29,7 +29,7 @@ custom_css = """
     background-color: #f0f4f7 !important;
 }
 
-#component-0 {
+.main-container {
     text-align: center;
     padding: 1rem;
     margin-bottom: 2rem;
@@ -38,16 +38,16 @@ custom_css = """
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
-#component-0 h1 {
-    color: #2c3e50;
-    font-size: 2.5rem;
-    margin-bottom: 0.5rem;
+h1 {
+    color: #2c3e50 !important;
+    font-size: 2.5rem !important;
+    margin-bottom: 0.5rem !important;
 }
 
-#component-0 h3 {
-    color: #34495e;
-    font-size: 1.2rem;
-    font-weight: normal;
+h3 {
+    color: #34495e !important;
+    font-size: 1.2rem !important;
+    font-weight: normal !important;
 }
 
 .input-container {
@@ -58,7 +58,7 @@ custom_css = """
     margin-bottom: 1.5rem !important;
 }
 
-.textbox textarea {
+textarea {
     border: 2px solid #3498db !important;
     border-radius: 8px !important;
     padding: 1rem !important;
@@ -81,15 +81,6 @@ custom_css = """
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
 }
 
-.example-text {
-    font-size: 0.9rem !important;
-    color: #2c3e50 !important;
-    padding: 0.5rem !important;
-    border-radius: 4px !important;
-    background: #f8f9fa !important;
-    margin: 0.5rem 0 !important;
-}
-
 .footer {
     text-align: center;
     margin-top: 2rem;
@@ -98,53 +89,41 @@ custom_css = """
     border-radius: 10px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
-
-.label {
-    font-size: 1.2rem !important;
-    color: #2c3e50 !important;
-    font-weight: 600 !important;
-    margin-bottom: 0.5rem !important;
-}
 """
 
 with gr.Blocks(css=custom_css) as demo:
-    with gr.Row():
-        with gr.Column():
-            gr.Markdown(
-                """
-                # 🏥 MedAI: Clinical Symptom ICD9 Classifier
-                ### Advanced AI-Powered Diagnostic Code Assistant
-                """
-            )
+    with gr.Row(elem_classes=["main-container"]):
+        gr.Markdown(
+            """
+            # 🏥 MedAI: Clinical Symptom ICD9 Classifier
+            ### Advanced AI-Powered Diagnostic Code Assistant
+            """
+        )
     
     with gr.Row():
         with gr.Column(elem_classes=["input-container"]):
             input_text = gr.Textbox(
                 label="Clinical Symptom Description",
                 placeholder="Enter detailed patient symptoms and clinical observations...",
-                lines=5,
-                elem_classes=["textbox"]
+                lines=5
             )
             
-    with gr.Row():
+    with gr.Row(elem_classes=["output-container"]):
         output = gr.JSON(
-            label="Suggested ICD9 Diagnostic Codes",
-            elem_classes=["output-container"]
+            label="Suggested ICD9 Diagnostic Codes"
         )
     
-    with gr.Row():
-        with gr.Column(elem_classes=["examples-container"]):
-            examples = gr.Examples(
-                examples=[
-                    ["45-year-old male experiencing severe chest pain, radiating to left arm, with shortness of breath and excessive sweating"],
-                    ["Persistent headache for 2 weeks, accompanied by dizziness and occasional blurred vision"],
-                    ["Diabetic patient reporting frequent urination, increased thirst, and unexplained weight loss"],
-                    ["Elderly patient with chronic knee pain, reduced mobility, and signs of inflammation"]
-                ],
-                inputs=input_text,
-                label="Example Clinical Cases",
-                elem_classes=["example-text"]
-            )
+    with gr.Row(elem_classes=["examples-container"]):
+        examples = gr.Examples(
+            examples=[
+                ["45-year-old male experiencing severe chest pain, radiating to left arm, with shortness of breath and excessive sweating"],
+                ["Persistent headache for 2 weeks, accompanied by dizziness and occasional blurred vision"],
+                ["Diabetic patient reporting frequent urination, increased thirst, and unexplained weight loss"],
+                ["Elderly patient with chronic knee pain, reduced mobility, and signs of inflammation"]
+            ],
+            inputs=input_text,
+            label="Example Clinical Cases"
+        )
     
     input_text.submit(fn=classify_symptoms, inputs=input_text, outputs=output)