Refactor salary display in app.py to use HTML for improved formatting and alignment. This change enhances visual clarity by presenting salary and median values in a more structured manner, contributing to a better user experience in the lineup summary.

app.py

@@ -1035,13 +1035,23 @@ with tab4:
             with col3:
                 if total_salary <= 50000:
                     st.markdown(
-                        f"**💰 Salary:** `${round(total_salary, 0)}` &nbsp; "
-                        f"**🔥 Median:** `{round(total_median, 2)}` &nbsp; "
+                        f"""
+                        <div style='text-align: right'>
+                            <b>💰 Salary:</b> ${round(total_salary, 0)} &nbsp;
+                            <b>🔥 Median:</b> {round(total_median, 2)} &nbsp;
+                        </div>
+                        """,
+                        unsafe_allow_html=True
                     )
                 else:
                     st.markdown(
-                        f"**❌ Salary:** `${round(total_salary, 0)}` &nbsp; "
-                        f"**🔥 Median:** `{round(total_median, 2)}` &nbsp; "
+                        f"""
+                        <div style='text-align: right'>
+                            <b>❌ Salary:</b> ${round(total_salary, 0)} &nbsp;
+                            <b>🔥 Median:</b> {round(total_median, 2)} &nbsp;
+                        </div>
+                        """,
+                        unsafe_allow_html=True
                     )
 
     # Optionally, add a button to clear the lineup