Update app.py

app.py

@@ -114,33 +114,15 @@ st.markdown("""
 </style>
 """, unsafe_allow_html=True)
 
-# Custom CSS for a green checkbox
 st.markdown("""
 <style>
-.green-checkbox {
-    display: inline-block;
+.status-true {
     color: green;
-    margin: 0 4px 0 0;
-    font-size: 20px;
-    font-weight: bold;
-}
-.attribute-label {
-    display: inline;
-    font-size: 16px;
 }
 </style>
 """, unsafe_allow_html=True)
 
-# Function to display a green checkbox for "True" attributes
-def display_attribute(label, is_true):
-    if is_true:
-        st.markdown(f'<span class="green-checkbox">&#x2714;</span><span class="attribute-label">{label}</span>', unsafe_allow_html=True)
-    else:
-        st.markdown(f'<span class="attribute-label">{label}</span>', unsafe_allow_html=True)
 
-# Example usage within the app
-display_attribute("Cyber Approved", True)  # This will display a green checkbox
-display_attribute("Accessibility Approved", False)  # This will display just the label without a checkbox
 
 
 # Streamlit app layout
@@ -175,11 +157,12 @@ for index, row in filtered_catalog.iterrows():
         st.markdown(f"""
             <div>
                 <p><b>Category:</b> {row['Category']}</p>
-                <p><b>Cyber Approved:</b> {'Yes' if row['Cyber Approved'] else 'No'}</p>
-                <p><b>Accessibility Approved:</b> {'Yes' if row['Accessibility Approved'] else 'No'}</p>
-                <p><b>Privacy Approved:</b> {'Yes' if row['Privacy Approved'] else 'No'}</p>
+                <p><b>Cyber Approved:</b> <span class='{"status-true" if row["Cyber Approved"] else ""}'>{'Yes' if row['Cyber Approved'] else 'No'}</span></p>
+                <p><b>Accessibility Approved:</b> <span class='{"status-true" if row["Accessibility Approved"] else ""}'>{'Yes' if row['Accessibility Approved'] else 'No'}</span></p>
+                <p><b>Privacy Approved:</b> <span class='{"status-true" if row["Privacy Approved"] else ""}'>{'Yes' if row['Privacy Approved'] else 'No'}</span></p>
                 <p><b>Review Date:</b> {row['Review Date']}</p>
                 <p><b>Review Status:</b> {row['Review Status']}</p>
                 {'<p><b>Not Approved Reason:</b> '+row['Not Approved Reason']+'</p>' if row['Review Status'] == 'Not Approved' else ''}
             </div>
         """, unsafe_allow_html=True)
+