Update app.py

app.py

@@ -144,7 +144,7 @@ for i, t in enumerate(teams[:5]):
     with row1[i]:
         # Display the styled button using st.markdown
         button_html = f"""
-        <a href='#' class='team-card' id='team_{t}_row1'>{t}</a>
+        <div class='team-card' id='team_{t}_row1'>{t}</div>
         """
         st.markdown(button_html, unsafe_allow_html=True)
         # Hidden Streamlit button to handle the click
@@ -157,7 +157,7 @@ for i, t in enumerate(teams[5:10]):
     with row2[i]:
         # Display the styled button using st.markdown
         button_html = f"""
-        <a href='#' class='team-card' id='team_{t}_row2'>{t}</a>
+        <div class='team-card' id='team_{t}_row2'>{t}</div>
         """
         st.markdown(button_html, unsafe_allow_html=True)
         # Hidden Streamlit button to handle the click
@@ -248,8 +248,7 @@ st.markdown("""
         button.addEventListener('click', function(e) {
             e.preventDefault();
             const team = this.textContent;
-            const hiddenButton = document.querySelector(`button[data-testid="hidden_team_${team}_row1"]`) ||
-                                document.querySelector(`button[data-testid="hidden_team_${team}_row2"]`);
+            const hiddenButton = document.querySelector(`button[data-testid="stButton-${team.toLowerCase().replace(' ', '-')}"]`);
             if (hiddenButton) {
                 hiddenButton.click();
             }