Update app.py

app.py

@@ -99,17 +99,6 @@ collections = {
 # Sidebar for selecting collection
 #st.sidebar.markdown("## Settings")
 
-st.sidebar.markdown("### 🔗 Helpful Resources", unsafe_allow_html=True)
-st.sidebar.markdown("""
-<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>
-""", unsafe_allow_html=True)
-
 # Create empty metadata_df variable to ensure it exists before checking
 metadata_df = pd.DataFrame()
 
@@ -130,6 +119,29 @@ collection_url = f"https://www.loc.gov/search/?q={search_query}&fo=json"
 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)
+st.sidebar.markdown("""
+<style>
+.sidebar-links a {
+    color: lightgray !important;
+    text-decoration: none !important;
+}
+.sidebar-links a:hover {
+    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>
+""", unsafe_allow_html=True)
+
 # Add a fetch button to make the action explicit
 fetch_data = True