Update app.py

app.py

@@ -16,8 +16,6 @@ st.markdown(
     <style>
     body {
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-        margin: 0;
-        padding: 0;
         background-color: #f7f7f8;
         color: #333;
     }
@@ -66,8 +64,8 @@ st.markdown(
 )
 
 st.markdown('<div class="container">', unsafe_allow_html=True)
-st.markdown("<h1>Medication Tracker 💊</h1>")
-st.markdown("<p>Track your prescription medications easily and get helpful insights.</p>")
+st.markdown("<h1>Medication Tracker 💊</h1>", unsafe_allow_html=True)
+st.markdown("<p>Track your prescription medications easily and get helpful insights.</p>", unsafe_allow_html=True)
 
 # Initialize session state to store medication data
 if 'medications' not in st.session_state:
@@ -75,13 +73,13 @@ if 'medications' not in st.session_state:
 
 # Form to log medication
 st.markdown('<div class="log-form">', unsafe_allow_html=True)
-st.markdown("<h2>Log Your Medication</h2>")
+st.markdown("<h2>Log Your Medication</h2>", unsafe_allow_html=True)
 with st.form(key='log_medication'):
     medication_name = st.text_input("Medication Name", key='medication_name', placeholder="e.g., Aspirin")
     dosage = st.text_input("Dosage (e.g., 500 mg)", key='dosage', placeholder="e.g., 500 mg")
     time_of_day = st.selectbox("Time of Day", ["Morning", "Afternoon", "Evening", "Night"], key='time_of_day')
     date = st.date_input("Date", datetime.today(), key='date')
-    submit_button = st.form_submit_button(label='Log Medication', help="Click to log your medication", on_click=None, type="primary")
+    submit_button = st.form_submit_button(label='Log Medication')
 
     if submit_button and medication_name and dosage:
         new_entry = {"Medication": medication_name, "Dosage": dosage, "Time": time_of_day, "Date": date}
@@ -92,9 +90,9 @@ st.markdown('</div>', unsafe_allow_html=True)
 
 # Display logged medications
 st.markdown('<div class="logged-medications">', unsafe_allow_html=True)
-st.markdown("<h2>Logged Medications</h2>")
+st.markdown("<h2>Logged Medications</h2>", unsafe_allow_html=True)
 if st.session_state.medications.empty:
-    st.write("No medications logged yet.")
+    st.markdown("No medications logged yet.", unsafe_allow_html=True)
 else:
     for index, row in st.session_state.medications.iterrows():
         st.markdown(f'<div class="log-entry"><strong>{row["Medication"]}</strong><br>Dosage: {row["Dosage"]}<br>Time: {row["Time"]}<br>Date: {row["Date"]}</div>', unsafe_allow_html=True)
@@ -103,20 +101,20 @@ st.markdown('</div>', unsafe_allow_html=True)
 
 # Provide insights
 st.markdown('<div class="insights">', unsafe_allow_html=True)
-st.markdown("<h2>Insights</h2>")
+st.markdown("<h2>Insights</h2>", unsafe_allow_html=True)
 if not st.session_state.medications.empty:
     most_common_med = st.session_state.medications['Medication'].mode()[0]
-    st.write(f"Most frequently taken medication: {most_common_med}")
+    st.markdown(f"Most frequently taken medication: {most_common_med}", unsafe_allow_html=True)
     
     avg_dosage_time = st.session_state.medications.groupby('Time').size().idxmax()
-    st.write(f"Most common time of day for taking medications: {avg_dosage_time}")
+    st.markdown(f"Most common time of day for taking medications: {avg_dosage_time}", unsafe_allow_html=True)
     
-    st.write("Take your medications consistently at the same time each day to maintain stable drug levels in your body.")
-    st.write("If you have multiple medications, consult your healthcare provider to ensure there are no adverse interactions.")
+    st.markdown("Take your medications consistently at the same time each day to maintain stable drug levels in your body.", unsafe_allow_html=True)
+    st.markdown("If you have multiple medications, consult your healthcare provider to ensure there are no adverse interactions.", unsafe_allow_html=True)
 
 st.markdown('</div>', unsafe_allow_html=True)
 
 # Footer
-st.markdown("<hr>")
-st.markdown("<p><strong>Disclaimer:</strong> This app is for tracking purposes only. Always consult with your healthcare provider for medical advice.</p>")
+st.markdown("<hr>", unsafe_allow_html=True)
+st.markdown("<p><strong>Disclaimer:</strong> This app is for tracking purposes only. Always consult with your healthcare provider for medical advice.</p>", unsafe_allow_html=True)
 st.markdown('</div>', unsafe_allow_html=True)