Update page_files/Home.py

page_files/Home.py

@@ -523,16 +523,16 @@ def _build_showcase_html(extract_b64, search_b64):
         "</div>"
     )
     extract_card = (
-        "<div class=\"s-card\" onclick=\"window.parent.location.href='?nav=upload'\">"
-        "<img class=\"s-card-img\" src=\"" + extract_b64 + "\" alt=\"Extract Data\"/>"
-        "<div class=\"s-card-body\">"
-        "<div class=\"s-card-title\">Extract Data</div>"
-        "<p class=\"s-card-desc\">Upload experimental datasets and extract structured material property data into the AIM database.</p>"
-        "<span class=\"s-card-link\">Open platform &#x2192;</span>"
-        "</div></div>"
+    "<div class=\"s-card\">"
+    "<img class=\"s-card-img\" src=\"" + extract_b64 + "\" alt=\"Extract Data\"/>"
+    "<div class=\"s-card-body\">"
+    "<div class=\"s-card-title\">Extract Data</div>"
+    "<p class=\"s-card-desc\">Upload experimental datasets and extract structured material property data into the AIM database.</p>"
+    "<span class=\"s-card-link\">Open platform &#x2192;</span>"
+    "</div></div>"
     )
     search_card = (
-        "<div class=\"s-card\" onclick=\"window.parent.location.href='?nav=search'\">"
+        "<div class=\"s-card\">"
         "<img class=\"s-card-img\" src=\"" + search_b64 + "\" alt=\"Search\"/>"
         "<div class=\"s-card-body\">"
         "<div class=\"s-card-title\">Search</div>"
@@ -578,8 +578,7 @@ def _build_showcase_html(extract_b64, search_b64):
 
 components.html(_build_showcase_html(extract_card_img, search_card_img), height=480, scrolling=False)
 
-# Navigation buttons below cards
-_col_gap, _col1, _col2 = st.columns([1, 1.3, 1.3])
+_left_gap, _col1, _col2 = st.columns([0.85, 1, 1])
 with _col1:
     if st.button("Open Extract Data →", key="_nav_upload", use_container_width=True):
         st.switch_page("page_files/Upload_Data.py")
@@ -599,7 +598,8 @@ st.markdown("""
     font-size: 0.88rem !important;
     height: 44px !important;
     box-shadow: none !important;
-    margin-bottom: 32px !important;
+    margin-top: -24px !important;
+    margin-bottom: 40px !important;
 }
 .st-key-_nav_upload button:hover, .st-key-_nav_search button:hover {
     background: #1e3a30 !important;
@@ -608,7 +608,6 @@ st.markdown("""
 }
 </style>
 """, unsafe_allow_html=True)
-        
 
 
 # ══════════════════════════════════════════════════════════════════════════════