Updates

app.py

@@ -132,28 +132,26 @@ if module_name != st.session_state.current_module:
 # Load the current module's question
 current_question = st.session_state.questions[st.session_state.current_index]
 
+# Navigation buttons (placed on top)
+col1, col2 = st.columns([1, 1])
+with col1:
+    if st.button("⬅️ Prev", disabled=st.session_state.current_index == 0):
+        navigate_question("prev")
+
+with col2:
+    if st.button("➡️ Next"):
+        navigate_question("next")
+
 # Display module title and description
 st.title(module_name)
 st.write(current_question["question"])
 
-# Option highlighting logic
-def get_option_style(option):
-    if current_question.get('answered', False):  # Use .get() with default False
-        if option == current_question['correct_answer']:
-            return "background-color:#d4edda;padding:10px;border-radius:5px;"  # Green background for correct
-        elif option == current_question['selected']:
-            return "background-color:#f8d7da;padding:10px;border-radius:5px;"  # Red background for incorrect
-    return "background-color:#f0f0f0;padding:10px;border-radius:5px;"  # Gray background by default
-
-# Ensure each radio button has a unique key
-unique_key = f"question_{st.session_state.current_index}"
-
-# Render options with custom styling
+# Render options without background
 if not current_question.get('answered', False):
     selected_answer = st.radio(
         "Choose an answer:", 
-        options=[f"{option}" for option in current_question['options']], 
-        key=unique_key
+        options=current_question['options'], 
+        key=f"question_{st.session_state.current_index}"
     )
 
     if st.button("Submit"):
@@ -165,36 +163,30 @@ if not current_question.get('answered', False):
             st.session_state.correct_count += 1
             st.session_state.module_correct_count[module_name] += 1
 
-        # Instead of st.experimental_rerun(), force a refresh by updating a dummy session state variable
-        st.session_state.dummy = not st.session_state.get('dummy', False)
-else:
-    for option in current_question['options']:
-        st.markdown(f"<div style='{get_option_style(option)}'>{option}</div>", unsafe_allow_html=True)
+        # Trigger a UI update
+        st.experimental_set_query_params(dummy=not st.session_state.get('dummy', False))
 
-# Show explanation and step-by-step solution
+# Show correct/incorrect feedback after submission
 if current_question.get('answered', False):
+    for option in current_question['options']:
+        if option == current_question['correct_answer']:
+            st.write(f"**Correct Answer:** {option}")
+        elif option == current_question['selected']:
+            st.write(f"**Your Answer:** {option} (Incorrect)")
+
+    # Show explanation and step-by-step solution
     st.write(f"**Explanation:** {current_question['explanation']}")
     st.write("**Step-by-Step Solution:**")
     for step in current_question['step_by_step_solution']:
         st.write(step)
 
-# Navigation buttons
-col1, col2, col3 = st.columns([1, 1, 2])
-with col1:
-    if st.button("⬅️ Prev", disabled=st.session_state.current_index == 0):
-        navigate_question("prev")
-
-with col2:
-    if st.button("➡️ Next"):
-        navigate_question("next")
-
-with col3:
-    if len(st.session_state.questions) > 0:
-        pdf = generate_pdf_report()
-        st.session_state.pdf_data = pdf  # Reset PDF cache
-        st.download_button(
-            label="Download PDF Report 📄",
-            data=st.session_state.pdf_data,
-            file_name="quiz_report.pdf",
-            mime="application/pdf"
-        )
+# PDF Download Button (at the bottom)
+if len(st.session_state.questions) > 0:
+    pdf = generate_pdf_report()
+    st.session_state.pdf_data = pdf  # Reset PDF cache
+    st.download_button(
+        label="Download PDF Report 📄",
+        data=st.session_state.pdf_data,
+        file_name="quiz_report.pdf",
+        mime="application/pdf"
+    )