Update app.py

app.py

@@ -115,14 +115,17 @@ search_query = collections[selected]
 # Define the collection URL
 collection_url = f"https://www.loc.gov/search/?q={search_query}&fo=json"
 
-# Display API URL
-st.sidebar.write(f"Selected Collection: {selected}")
-st.sidebar.markdown(f"<span style='color: lightgray;'>API URL: {collection_url}</span>", unsafe_allow_html=True)
 
 # 🔗 Helpful Resources (styled and moved below dropdown)
 st.sidebar.markdown("### 🔗 Helpful Resources", unsafe_allow_html=True)
+# 🔗 Helpful Resources styled section
 st.sidebar.markdown("""
 <style>
+.sidebar-section h3 {
+    color: lightgray !important;
+    font-size: 1.1rem !important;
+    margin-top: 1.5rem;
+}
 .sidebar-links a {
     color: lightgray !important;
     text-decoration: none !important;
@@ -131,17 +134,21 @@ st.sidebar.markdown("""
     text-decoration: underline !important;
 }
 </style>
-<div class="sidebar-links">
-  <ul style='padding-left: 1em'>
-    <li><a href="https://www.loc.gov/apis/" target="_blank">LOC API Info</a></li>
-    <li><a href="https://www.loc.gov/" target="_blank">Library of Congress Homepage</a></li>
-    <li><a href="https://www.loc.gov/collections/" target="_blank">LOC Digital Collections</a></li>
-    <li><a href="https://www.loc.gov/marc/" target="_blank">MARC Metadata Standards</a></li>
-    <li><a href="https://labs.loc.gov/about-labs/digital-strategy/" target="_blank">LOC Digital Strategy</a></li>
-  </ul>
+<div class="sidebar-section">
+  <h3>🔗 Helpful Resources</h3>
+  <div class="sidebar-links">
+    <ul style='padding-left: 1em'>
+      <li><a href="https://www.loc.gov/apis/" target="_blank">LOC API Info</a></li>
+      <li><a href="https://www.loc.gov/" target="_blank">Library of Congress Homepage</a></li>
+      <li><a href="https://www.loc.gov/collections/" target="_blank">LOC Digital Collections</a></li>
+      <li><a href="https://www.loc.gov/marc/" target="_blank">MARC Metadata Standards</a></li>
+      <li><a href="https://labs.loc.gov/about-labs/digital-strategy/" target="_blank">LOC Digital Strategy</a></li>
+    </ul>
+  </div>
 </div>
 """, unsafe_allow_html=True)
 
+
 # Add a fetch button to make the action explicit
 fetch_data = True