Updates

app.py

@@ -37,10 +37,10 @@ def generate_pdf_report():
     pdf.add_page()
     pdf.set_font("Arial", style='B', size=12)
     
-    # Header for PDF report
+    # Header for PDF report (without emoji)
     pdf.set_fill_color(255, 255, 255)  # White background
     pdf.set_text_color(0, 0, 0)  # Black text
-    pdf.cell(0, 10, txt="🪄 Magic Math Quiz!", ln=True, align="C", fill=True)
+    pdf.cell(0, 10, txt="Magic Math Quiz!", ln=True, align="C", fill=True)
     pdf.ln(5)
     pdf.set_font("Arial", size=8)
     pdf.cell(0, 10, txt="By Ghassem Tofighi", ln=True, align="C", link="https://ghassem.com")
@@ -76,14 +76,14 @@ def generate_pdf_report():
             else:
                 pdf.set_text_color(0, 0, 0)  # Default color for others
 
-            pdf.multi_cell(0, 10, f"{options[j]}. {option}", border=1, fill=True)
+            pdf.multi_cell(0, 5, f"{options[j]}. {option}", border=1, fill=True)  # Reduced vertical spacing
         
         pdf.set_text_color(0, 0, 0)  # Reset color
-        pdf.multi_cell(0, 10, f"Explanation: {entry['explanation']}", border=1, fill=True)
-        pdf.multi_cell(0, 10, f"Step-by-Step Solution: {', '.join(entry['step_by_step_solution'])}", border=1, fill=True)
-        pdf.ln(10)
+        pdf.multi_cell(0, 5, f"Explanation: {entry['explanation']}", border=1, fill=True)  # Reduced vertical spacing
+        pdf.multi_cell(0, 5, f"Step-by-Step Solution: {', '.join(entry['step_by_step_solution'])}", border=1, fill=True)  # Reduced vertical spacing
+        pdf.ln(5)
 
-    return pdf.output(dest='S').encode('latin1', 'replace')
+    return pdf.output(dest='S').encode('latin-1', 'replace')
 
 def load_modules():
     modules = {}
@@ -133,7 +133,7 @@ modules = load_modules()
 st.sidebar.markdown(
     """
     <div style='background-color: white; padding: 10px; border-radius: 10px; text-align: center; color: black;'>
-    <h1 style='margin: 0;'>🪄 Magic Math Quiz!</h1>
+    <h1 style='margin: 0;'>Magic Math Quiz!</h1>
     <h6 style='margin: 0; font-size: 10px;'><a href="https://ghassem.com" target="_blank" style="color: black; text-decoration: none;'>By Ghassem Tofighi</a></h6>
     </div>
     """, unsafe_allow_html=True)
@@ -149,15 +149,16 @@ if selected_category:
             selected_module_data = module_data
             break
 
-    # Display PDF report link as an icon in front of module title
-    pdf_button_disabled = not any(q['answered'] for q in st.session_state.questions)
-    if not pdf_button_disabled:
-        pdf = generate_pdf_report()
-        st.session_state.pdf_data = pdf  # Reset PDF cache
-        st.markdown(
-            f"<a href='#' download='quiz_report.pdf' style='font-size: 18px;' onclick='document.getElementById(\"pdf-link\").click();'>📄</a>", 
-            unsafe_allow_html=True
-        )
+    # Display PDF report icon link in front of module title, always visible
+    st.markdown(
+        f"""
+        <div style="margin-top: 10px;">
+        <span style='font-size: 18px; color: #333;'>{selected_category} > {selected_module_data['title']}</span>
+        <a href='#' download='quiz_report.pdf' style='font-size: 18px; margin-left: 10px;' onclick='document.getElementById("pdf-link").click();'>📄</a>
+        </div>
+        """, 
+        unsafe_allow_html=True
+    )
 
     if selected_module != st.session_state.current_module:
         st.session_state.current_module = selected_module
@@ -175,14 +176,6 @@ if selected_category:
 
 current_question = st.session_state.current_question
 
-# Display Category Title > Module Title with dark background and white font
-st.markdown(
-    f"""
-    <div style='background-color: #333; padding: 10px; border-radius: 5px; color: white;'>
-    {selected_category} > {selected_module_data['title']}
-    </div>
-    """, unsafe_allow_html=True)
-
 # 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)