Update app.py

app.py

@@ -728,7 +728,7 @@ def create_quiz_interface():
         def view_certificate():
             """Navigate to certificate tab"""
             return gr.Tabs(selected=2)
-
+        
         def on_submit(questions, answers, current_idx, current_answer):
             final_answers = list(answers)
             if 0 <= current_idx < len(final_answers):
@@ -741,7 +741,7 @@ def create_quiz_interface():
                     0,
                     "",
                     gr.update(visible=True),
-                    gr.update(selected=1),
+                    gr.Tabs(selected=2),  # Stay on assessment tab
                     gr.update(visible=False)  # view_cert_btn visibility
                 ]
             
@@ -752,31 +752,31 @@ def create_quiz_interface():
                 color = "green" if f.is_correct else "red"
                 symbol = "✅" if f.is_correct else "❌"
                 feedback_html += f"""### Question {i+1}
-{q.question}
-
-<div style="color: {color}; padding: 10px; margin: 5px 0; border-left: 3px solid {color};">
-    {symbol} Your answer: {f.selected or "No answer"}
-    {'' if f.is_correct else f'<br>Correct answer: {f.correct_answer}'}
-</div>
-"""
+        {q.question}
+        
+        <div style="color: {color}; padding: 10px; margin: 5px 0; border-left: 3px solid {color};">
+            {symbol} Your answer: {f.selected or "No answer"}
+            {'' if f.is_correct else f'<br>Correct answer: {f.correct_answer}'}
+        </div>
+        """
             
             result_msg = "🎉 Passed!" if passed else "Please try again"
             if not passed:
                 feedback_html += f"""
-<div style="background-color: #ffe6e6; padding: 20px; margin-top: 20px; border-radius: 10px;">
-    <h3 style="color: #cc0000;">Please Try Again</h3>
-    <p>Your score: {score:.1f}%</p>
-    <p>You need 80% or higher to pass and receive a certificate.</p>
-</div>
-"""
+        <div style="background-color: #ffe6e6; padding: 20px; margin-top: 20px; border-radius: 10px;">
+            <h3 style="color: #cc0000;">Please Try Again</h3>
+            <p>Your score: {score:.1f}%</p>
+            <p>You need 80% or higher to pass and receive a certificate.</p>
+        </div>
+        """
             
             return [
                 feedback_html,
                 gr.update(visible=True),
                 score,
                 result_msg,
-                gr.update(visible=not passed),
-                gr.update(selected=1),
+                gr.update(visible=False),  # Hide question box
+                gr.Tabs(selected=2),       # Stay on assessment tab
                 gr.update(visible=passed)  # Show view certificate button only if passed
             ]
         # Event handlers
@@ -790,7 +790,7 @@ def create_quiz_interface():
         current_options.change(fn=update_answer_state, inputs=[current_options, current_question_idx, answer_state], outputs=answer_state)
         
         submit_btn.click(fn=on_submit, inputs=[current_questions, answer_state, current_question_idx, current_options], outputs=[feedback_box, results_group, score_display, result_message, question_box, tabs, view_cert_btn])
-        
+
         reset_btn.click(fn=reset_quiz, inputs=[text_input, num_questions], outputs=[question_display, current_options, question_counter, question_box, current_questions, current_question_idx, answer_state, tabs, results_group, view_cert_btn])
         
         view_cert_btn.click(fn=lambda: gr.Tabs(selected=3), outputs=tabs)