Update app.py

app.py

@@ -1185,7 +1185,7 @@ custom_css = """
 }
 """
 
-# UPDATED GRADIO INTERFACE WITH CLEAN QUESTIONNAIRE UI
+# FIXED GRADIO INTERFACE WITH CLEAN QUESTIONNAIRE UI (NO ERRORS)
 with gr.Blocks(
     title="🐶 Enhanced AI Dog Health Analyzer", 
     theme=gr.themes.Soft(),
@@ -1265,11 +1265,11 @@ with gr.Blocks(
                 maximum=25
             )
         
-        # Right Column - CLEAN HRQOL Questionnaire Form
+        # Right Column - CLEAN HRQOL Questionnaire Form (FIXED - NO ERRORS)
         with gr.Column(scale=1):
             # Clean questionnaire header
             gr.HTML("""
-            <div class="clean-questionnaire-card">
+            <div style="background: white; border-radius: 12px; padding: 25px; margin: 10px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.08);">
                 <div style="text-align: center; margin-bottom: 24px;">
                     <h2 style="color: #1f2937; margin: 0 0 8px 0; font-size: 1.6em; font-weight: 600;">
                         📋 Health Assessment Form
@@ -1283,45 +1283,35 @@ with gr.Blocks(
             
             hrqol_inputs = []
             
-            # Clean questionnaire form layout
-            with gr.Group(elem_classes=["clean-form"]):
-                for i, (domain_key, domain_data) in enumerate(HRQOL_QUESTIONNAIRE.items()):
-                    # Clean section header
-                    gr.HTML(f"""<div class="clean-section-header">
-                        <h3 style="margin: 0; color: #1f2937; font-size: 1.1em; font-weight: 600; display: flex; align-items: center;">
-                            <span style="margin-right: 8px;">{domain_data['title'].split()[0]}</span>
-                            {domain_data['title'].split()[1:][0] if len(domain_data['title'].split()) > 1 else ''}
-                        </h3>
-                        <p style="margin: 6px 0 0 0; color: #6b7280; font-size: 0.9em; line-height: 1.3;">
-                            {domain_data['description']}
-                        </p>
-                    </div>""")
-                    
-                    # Clean question form field
-                    for question in domain_data["questions"]:
-                        # Clean question container
-                        gr.HTML(f"""
-                        <div style="margin: 16px 0;">
-                            <label style="display: block; font-size: 0.95em; font-weight: 500; color: #374151; margin-bottom: 8px; line-height: 1.4;">
-                                {question["text"]}
-                            </label>
-                        </div>
-                        """)
-                        
-                        dropdown = gr.Dropdown(
-                            choices=question["options"],
-                            label="",  # Remove label since we're showing it above
-                            placeholder="Select your answer...",
-                            value=None,
-                            interactive=True,
-                            container=False,
-                            elem_classes=["clean-dropdown"]
-                        )
-                        hrqol_inputs.append(dropdown)
-                    
-                    # Clean separator between sections (except last)
-                    if i < len(HRQOL_QUESTIONNAIRE) - 1:
-                        gr.HTML('<hr class="clean-separator">')
+            # Clean questionnaire form layout - FIXED VERSION
+            for i, (domain_key, domain_data) in enumerate(HRQOL_QUESTIONNAIRE.items()):
+                # Clean section header
+                gr.HTML(f"""
+                <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 16px; margin: 16px 0 8px 0; border-left: 4px solid #667eea;">
+                    <h3 style="margin: 0; color: #1f2937; font-size: 1.1em; font-weight: 600; display: flex; align-items: center;">
+                        <span style="margin-right: 8px;">{domain_data['title'].split()[0]}</span>
+                        {domain_data['title'].split()[1:][0] if len(domain_data['title'].split()) > 1 else ''}
+                    </h3>
+                    <p style="margin: 6px 0 0 0; color: #6b7280; font-size: 0.9em; line-height: 1.3;">
+                        {domain_data['description']}
+                    </p>
+                </div>
+                """)
+                
+                # Clean question form field - FIXED: No placeholder parameter
+                for question in domain_data["questions"]:
+                    dropdown = gr.Dropdown(
+                        choices=question["options"],
+                        label=question["text"],  # Show full question as label
+                        value=None,
+                        interactive=True,
+                        container=True
+                    )
+                    hrqol_inputs.append(dropdown)
+                
+                # Clean separator between sections (except last)
+                if i < len(HRQOL_QUESTIONNAIRE) - 1:
+                    gr.HTML('<div style="height: 1px; background: #e5e7eb; margin: 20px 0; border: none;"></div>')
     
     # Clean Analysis Button
     gr.HTML("""