Update app.py

app.py

@@ -326,39 +326,41 @@ def create_optimized_gradio_interface():
 
 
             with gr.Tab("🧪 Scenario Generator"):
-                gr.Markdown("### Generate an Interactive Medical Scenario")
-            # Input controls
-            scenario_query_input = gr.Textbox(
-                label="Enter a medical topic", 
-                placeholder="e.g., 'burns', 'fractures', 'CPR'",
-                value=""
-            )
-            num_questions_slider = gr.Slider(
-                minimum=1, 
-                maximum=10, 
-                value=5, 
-                step=1, 
-                label="Number of Questions"
-            )
-            scenario_submit = gr.Button("🚀 Generate Scenario", variant="primary")
-            
-            # Status display
-            scenario_status = gr.Markdown("Ready to generate quiz...")
-            
-            # Output containers
-            scenario_quiz_block = gr.Column(visible=False)
-            scenario_result_output = gr.Markdown(visible=False, elem_classes=["quiz-result-output"])
-            questions_state = gr.State()
-            
-            # Pre-allocate quiz components (up to 10 questions)
-            quiz_questions = []
-            with scenario_quiz_block:
-                gr.Markdown("## 🧪 Interactive Medical Quiz")
-                for i in range(10):
-                    q_md = gr.Markdown(visible=False)
-                    q_radio = gr.Radio(choices=[], type="index", visible=False)
-                    quiz_questions.append((q_md, q_radio))
-                submit_quiz_btn = gr.Button("✅ Submit Answers", variant="primary")
+                with gr.Column(elem_classes=["scenario-generator-container"]):
+                    gr.Markdown("### Generate an Interactive Medical Scenario")
+                    
+                    # Input controls
+                    scenario_query_input = gr.Textbox(
+                        label="Enter a medical topic", 
+                        placeholder="e.g., 'burns', 'fractures', 'CPR'",
+                        value=""
+                    )
+                    num_questions_slider = gr.Slider(
+                        minimum=1, 
+                        maximum=10, 
+                        value=5, 
+                        step=1, 
+                        label="Number of Questions"
+                    )
+                    scenario_submit = gr.Button("🚀 Generate Scenario", variant="primary")
+                    
+                    # Status display
+                    scenario_status = gr.Markdown("Ready to generate quiz...")
+                    
+                    # Output containers
+                    scenario_quiz_block = gr.Column(visible=False)
+                    scenario_result_output = gr.Markdown(visible=False, elem_classes=["quiz-result-output"])
+                    questions_state = gr.State()
+                    
+                    # Pre-allocate quiz components (up to 10 questions)
+                    quiz_questions = []
+                    with scenario_quiz_block:
+                        gr.Markdown("## 🧪 Interactive Medical Quiz")
+                        for i in range(10):
+                            q_md = gr.Markdown(visible=False)
+                            q_radio = gr.Radio(choices=[], type="index", visible=False)
+                            quiz_questions.append((q_md, q_radio))
+                        submit_quiz_btn = gr.Button("✅ Submit Answers", variant="primary")
 
             def on_generate_click(query, num_q):
                 try: