Updates

app.py

@@ -37,7 +37,7 @@ def generate_pdf_report():
     pdf.add_page()
     pdf.set_font("Arial", size=10)
     
-    pdf.cell(200, 10, txt="Quiz Report", ln=True, align="C")
+    pdf.cell(200, 10, txt="Magic Math Quiz Report", ln=True, align="C")
     pdf.ln(10)
 
     for i, entry in enumerate(st.session_state.questions):
@@ -136,29 +136,34 @@ if selected_module != st.session_state.current_module:
 
 current_question = st.session_state.current_question
 
+# Title header with rounded corners
+st.markdown(
+    """
+    <div style='background-color: #4CAF50; padding: 10px; border-radius: 10px; text-align: center; color: white;'>
+    <h3 style='margin: 0;'>Magic Math Quiz!</h3>
+    </div>
+    """, unsafe_allow_html=True)
+
+# Display the PDF report button next to the title header if at least one question is answered
+if any(q['answered'] for q in st.session_state.questions):
+    pdf = generate_pdf_report()
+    st.session_state.pdf_data = pdf  # Reset PDF cache
+    st.markdown(
+        """
+        <div style='text-align: right; margin-top: -30px;'>
+        """, unsafe_allow_html=True)
+    st.download_button(
+        label="Download PDF Report 📄",
+        data=st.session_state.pdf_data,
+        file_name="quiz_report.pdf",
+        mime="application/pdf"
+    )
+    st.markdown("</div>", unsafe_allow_html=True)
+
 # 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:
-    clock_placeholder = st.empty()
-
-# Display the PDF report button
-with col2:
-    if any(q['answered'] for q in st.session_state.questions):
-        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"
-        )
-
 # 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)
 
@@ -174,9 +179,6 @@ with st.form(key=f'question_form_{st.session_state.current_index}'):
     
     submit_button = st.form_submit_button(label="Submit/New")
 
-# Update the clock every second
-clock_placeholder.markdown(f"⏱️ {int(time.time() - st.session_state.start_time)} seconds")
-
 # Handle button state and answer submission
 if submit_button:
     if selected_answer is None: