Update app.py

app.py

@@ -1140,9 +1140,9 @@ custom_css = """
     grid-template-columns: 2fr 1fr;
     gap: 15px;
     align-items: center;
-    padding: 12px 0;
+    padding: 10px 0;
     border-bottom: 1px solid #f0f2f5;
-    margin-bottom: 8px;
+    margin-bottom: 5px;
 }
 
 .question-grid:last-child {
@@ -1158,29 +1158,6 @@ custom_css = """
     padding-right: 15px;
 }
 
-.domain-header {
-    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-    border: none;
-    border-radius: 8px;
-    padding: 15px 20px;
-    margin: 20px 0 15px 0;
-    text-align: center;
-}
-
-.domain-title {
-    color: #667eea;
-    font-size: 16px;
-    font-weight: 600;
-    margin: 0 0 5px 0;
-}
-
-.domain-description {
-    color: #666;
-    font-size: 13px;
-    margin: 0;
-    font-style: italic;
-}
-
 /* Dropdown styling */
 .gr-dropdown {
     border-radius: 6px;
@@ -1194,9 +1171,9 @@ custom_css = """
     box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
 }
 
-/* Spacing improvements */
+/* Compact spacing */
 .question-section {
-    margin-bottom: 25px;
+    margin-bottom: 15px;
 }
 
 .question-section:last-child {
@@ -1215,7 +1192,7 @@ custom_css = """
 }
 """
 
-# Updated Gradio Interface with Grid Layout
+# Updated Gradio Interface with Removed Domain Headers
 with gr.Blocks(
     title="🐶 Enhanced AI Dog Health Analyzer", 
     theme=gr.themes.Soft(),
@@ -1301,31 +1278,23 @@ with gr.Blocks(
                 maximum=25
             )
         
-        # Right Column - Grid-based HRQOL Questionnaire
+        # Right Column - Compact HRQOL Questionnaire
         with gr.Column(scale=1):
             gr.HTML("""
             <div class="questionnaire-grid">
                 <h2 style="color: #667eea; margin: 0 0 10px 0; text-align: center;">
-                    📋 HRQOL Assessment Grid
+                    📋 HRQOL Assessment
                 </h2>
-                <p style="text-align: center; color: #666; font-style: italic; margin-bottom: 25px;">
+                <p style="text-align: center; color: #666; font-style: italic; margin-bottom: 20px;">
                     Complete all questions for accurate healthspan analysis
                 </p>
             """)
             
             hrqol_inputs = []
             
-            for domain_key, domain_data in HRQOL_QUESTIONNAIRE.items():
-                # Domain header without accordion
-                gr.HTML(f"""
-                <div class="domain-header">
-                    <div class="domain-title">{domain_data['title']}</div>
-                    <div class="domain-description">{domain_data['description']}</div>
-                </div>
-                """)
-                
-                # Create grid layout for questions
-                with gr.Group(elem_classes=["question-section"]):
+            # Create compact grid layout without domain headers
+            with gr.Group(elem_classes=["question-section"]):
+                for domain_key, domain_data in HRQOL_QUESTIONNAIRE.items():
                     for i, question in enumerate(domain_data["questions"]):
                         with gr.Row():
                             with gr.Column(scale=2):
@@ -1371,5 +1340,6 @@ with gr.Blocks(
         outputs=output_report
     )
 
+
 if __name__ == "__main__":
     demo.launch()