Update app.py

app.py

@@ -45,6 +45,7 @@ def classify_symptoms(text):
         return f"Error processing classification: {str(e)}"
 
 # Enhanced CSS with white background and black text
+
 custom_css = """
 .gradio-container {
     width: 100% !important;
@@ -86,14 +87,19 @@ h3 {
     font-weight: 500 !important;
     margin-bottom: 2rem !important;
 }
+.input-output-row {
+    display: flex !important;
+    gap: 2rem !important;
+    margin: 2rem 0 !important;
+}
 .input-container {
     background: #121212 !important;
     padding: 2rem !important;
     border-radius: 12px !important;
     box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
-    margin: 2rem 0 !important;
-    width: 100% !important;
+    width: 50% !important;
     border: 1px solid #333333 !important;
+    flex: 1 !important;
 }
 .input-container label {
     color: #ffffff !important;
@@ -132,10 +138,10 @@ textarea {
     padding: 2rem !important;
     border-radius: 12px !important;
     box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
-    margin: 2rem 0 !important;
-    width: 100% !important;
+    width: 50% !important;
     border: 1px solid #333333 !important;
     color: #ffffff !important;
+    flex: 1 !important;
 }
 .output-container label {
     color: #ffffff !important;
@@ -171,18 +177,17 @@ textarea {
 }
 """
 
-
 with gr.Blocks(css=custom_css) as demo:
     with gr.Row(elem_classes=["main-container"]):
         with gr.Column(elem_classes=["content-wrapper"]):
             gr.Markdown(
                 """
-                # ⚕️ Clinical Symptom ICD-9 Classifier
+                # 🏥 Clinical Symptom ICD9 Classifier
                 ### AI-Powered Medical Diagnosis Code Suggestion Tool
                 """
             )
     
-            with gr.Row():
+            with gr.Row(elem_classes=["input-output-row"]):
                 with gr.Column(elem_classes=["input-container"]):
                     input_text = gr.Textbox(
                         label="Clinical Symptom Description",
@@ -190,11 +195,11 @@ with gr.Blocks(css=custom_css) as demo:
                         lines=5
                     )
                     submit_btn = gr.Button("Analyze Symptoms", elem_classes=["submit-btn"])
-            
-            with gr.Row(elem_classes=["output-container"]):
-                output = gr.JSON(
-                    label="Suggested ICD9 Diagnostic Codes with Descriptions"
-                )
+                
+                with gr.Column(elem_classes=["output-container"]):
+                    output = gr.JSON(
+                        label="Suggested ICD9 Diagnostic Codes with Descriptions"
+                    )
             
             with gr.Row(elem_classes=["examples-container"]):
                 examples = gr.Examples(