Updates

app.py

@@ -136,14 +136,19 @@ if selected_module != st.session_state.current_module:
 
 current_question = st.session_state.current_question
 
-# Display the PDF report button and clock on the same horizontal level
+# Display module title and description with a larger font for description
+st.markdown(f"### {modules[selected_module]['title']}")
+st.markdown(f"<span style='font-size: 14px;'>{modules[selected_module]['description']}</span>", unsafe_allow_html=True)
+
+# Create a horizontal layout for the clock and PDF report button
 col1, col2 = st.columns([1, 3])
 
+# Live ticking clock
 with col1:
-    st.write("⏱️")
-    st.write(f"{int(time.time() - st.session_state.start_time)} seconds")
+    clock_placeholder = st.empty()
+
+# Display the PDF report button
 with col2:
-    # Generate PDF report only if there is at least one answered question
     if any(q['answered'] for q in st.session_state.questions):
         pdf = generate_pdf_report()
         st.session_state.pdf_data = pdf  # Reset PDF cache
@@ -154,9 +159,10 @@ with col2:
             mime="application/pdf"
         )
 
-# Display module title and description with a larger font for description
-st.markdown(f"### {modules[selected_module]['title']}")
-st.markdown(f"<span style='font-size: 14px;'>{modules[selected_module]['description']}</span>", unsafe_allow_html=True)
+# Update the clock every second
+while True:
+    clock_placeholder.markdown(f"⏱️ {int(time.time() - st.session_state.start_time)} seconds")
+    time.sleep(1)
 
 # Display the current question with larger font
 st.markdown(f"<span style='font-size: 18px;'><b>Q{st.session_state.current_index + 1}: {current_question['question']}</b></span>", unsafe_allow_html=True)