Update app.py

app.py

@@ -85,32 +85,71 @@ def filter_catalog(catalog, search_query=None, selected_category=None, cyber_app
 catalog = load_catalog()
 
 
+st.markdown("""
+<style>
+.custom-header {
+    font-size: 24px;
+    font-weight: bold;
+    color: #4f8bf9;
+    margin-bottom: 10px;
+}
+.custom-text {
+    font-size: 16px;
+    margin-bottom: 20px;
+}
+.custom-button {
+    margin: 5px;
+}
+.stButton>button {
+    border: 2px solid #4f8bf9;
+    border-radius: 20px;
+    color: #4f8bf9;
+}
+.stDataFrame {
+    font-size: 14px;
+}
+</style>
+""", unsafe_allow_html=True)
 
 
 
 # Streamlit app layout
-st.title("Enterprise Software Product Catalog")
-st.write("This is the source of truth for app approval statuses within the enterprise.")
+st.markdown('<p class="custom-header">Enterprise Software Product Catalog</p>', unsafe_allow_html=True)
+st.markdown('<p class="custom-text">This is the source of truth for app approval statuses within the enterprise.</p>', unsafe_allow_html=True)
 
 
 
 # Sidebar for Advanced Search and Filtering
 with st.sidebar:
-    st.header("Advanced Search Options")
+    st.markdown('<p class="custom-header">Advanced Search Options</p>', unsafe_allow_html=True)
     search_query = st.text_input("Search by Any Attribute", key='search_query')
     selected_category = st.selectbox("Select Category", ['All'] + list(catalog["Category"].unique()), key='search_category')
     cyber_approved = st.checkbox("Cyber Approved", key='cyber_approved')
     accessibility_approved = st.checkbox("Accessibility Approved", key='accessibility_approved')
     privacy_approved = st.checkbox("Privacy Approved", key='privacy_approved')
-    
-    # Dropdown for selecting review status
     review_status_options = ['All', 'Approved', 'Under Review', 'Not Approved']
     review_status = st.selectbox("Select Review Status", options=review_status_options, key='review_status')
 
+
 # Apply the enhanced filter based on user input
 filtered_catalog = filter_catalog(catalog, search_query, selected_category, cyber_approved, accessibility_approved, privacy_approved, review_status)
 
 
+
 # Display the filtered product catalog
-st.header("Product Catalog")
-st.dataframe(filtered_catalog)
+st.markdown('<p class="custom-header">Product Catalog</p>', unsafe_allow_html=True)
+st.dataframe(filtered_catalog.style.applymap(lambda x: "background-color: #e6f7ff"))
+
+for index, row in filtered_catalog.iterrows():
+    with st.expander(f"{row['Product Name']}"):
+        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>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)