Update app.py

app.py

@@ -95,21 +95,21 @@ else:
                 )
                 st.button("❌ Cancel", key=f"cancel_{task_index}", on_click=lambda i=task_index: st.session_state.edit_mode.__setitem__(i, False))
 
-            # --------- View Mode ---------
             else:
                 status = "✅" if task["completed"] else "🔲"
                 task_text = f"~~{task['task']}~~" if task["completed"] else task["task"]
                 st.markdown(f"**{status} {task_text}**")
 
-                # ✔️ Completed at the top
+                # ✔️ Completed (Top) + Info on new lines (minimal spacing)
                 if task["completed"]:
                     st.markdown("<span style='color:green;'>✔️ Completed</span>", unsafe_allow_html=True)
 
-                # Minimal spacing, each on its own line
-                st.markdown(f"📅 **Due:** {task['due']}")
-                st.markdown(f"| 🎯 **Priority:** `{task['priority']}`")
-                st.markdown(f"| 🗂️ **Category:** `{task['category'] or 'None'}`")
-                st.markdown(f"| 🕒 **Created:** {task['created']}")
+                st.markdown(f"""
+📅 **Due:** {task['due']}  
+| 🎯 **Priority:** `{task['priority']}`  
+| 🗂️ **Category:** `{task['category'] or 'None'}`  
+| 🕒 **Created:** {task['created']}
+                """, unsafe_allow_html=True)
 
                 btn_cols = st.columns([0.2, 0.2])
                 btn_cols[0].button("✏️ Edit", key=f"edit_{task_index}", on_click=lambda i=task_index: st.session_state.edit_mode.__setitem__(i, True))
@@ -118,6 +118,5 @@ else:
                     st.session_state.edit_mode.pop(i)
                 ))
 
-# --------- Footer ---------
 st.markdown("---")
 st.markdown("<p style='text-align:center; font-size: 13px;'>Built with ❤️ using Streamlit. Data resets on refresh.</p>", unsafe_allow_html=True)