Updates

app.py

@@ -108,9 +108,11 @@ def navigate_question(direction):
     if direction == "prev" and st.session_state.current_index > 0:
         st.session_state.current_index -= 1
         st.session_state.answered = True
-    elif direction == "next" and st.session_state.current_index < len(st.session_state.questions) - 1:
+    elif direction == "next":
         st.session_state.current_index += 1
-        st.session_state.answered = True
+        if st.session_state.current_index >= len(st.session_state.questions):
+            st.session_state.questions.append(generate_new_question(st.session_state.current_module, modules[st.session_state.current_module]))
+        st.session_state.answered = False
 
 # Load all modules dynamically
 modules = load_modules()
@@ -147,7 +149,7 @@ with col1:
     if st.button("⬅️ Prev", disabled=st.session_state.current_index == 0):
         navigate_question("prev")
 with col2:
-    if st.button("➡️ Next", disabled=st.session_state.current_index >= len(st.session_state.questions) - 1):
+    if st.button("➡️ Next"):
         navigate_question("next")
 with col3:
     if len(st.session_state.questions) > 0:
@@ -160,9 +162,26 @@ with col3:
             mime="application/pdf"
         )
 
-st.write(current_question["question"])
+# Apply styles with borders and gray background
+st.markdown("""
+    <style>
+    .question-box {
+        border: 2px solid #ccc;
+        padding: 15px;
+        background-color: #f9f9f9;
+        margin-bottom: 20px;
+    }
+    .option-box {
+        border: 1px solid #ccc;
+        padding: 10px;
+        background-color: #f0f0f0;
+        margin-bottom: 10px;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+st.markdown(f"<div class='question-box'><strong>Q:</strong> {current_question['question']}</div>", unsafe_allow_html=True)
 
-# Handle the selection of an option and check the answer immediately
 selected_answer = st.radio(
     "Choose an answer:", 
     options=current_question['options'], 
@@ -187,11 +206,11 @@ if selected_answer is not None and not current_question['answered']:
     # Show correct/incorrect feedback immediately
     for option in current_question['options']:
         if option == current_question['correct_answer']:
-            st.markdown(f"<span style='color:green;'>{option} ✅</span>", unsafe_allow_html=True)
+            st.markdown(f"<div class='option-box' style='color:green;'>{option} ✅</div>", unsafe_allow_html=True)
         elif option == current_question['selected']:
-            st.markdown(f"<span style='color:red;'>{option} ❌</span>", unsafe_allow_html=True)
+            st.markdown(f"<div class='option-box' style='color:red;'>{option} ❌</div>", unsafe_allow_html=True)
         else:
-            st.markdown(f"{option}")
+            st.markdown(f"<div class='option-box'>{option}</div>", unsafe_allow_html=True)
     
     # Show explanation and step-by-step solution with improved visuals
     st.write(f"**Explanation:** {current_question['explanation']}")