Update app.py

app.py

@@ -10,10 +10,17 @@ st.markdown(
         align-items: center;
         text-align: center;
     }
-    .clickable-sentence {
+    div[data-testid="stButton"] > button {
+        background: none;
         color: #3366cc;
-        cursor: pointer;
+        border: none;
+        padding: 0;
+        font-size: 20px;
         text-decoration: underline;
+        cursor: pointer;
+    }
+    div[data-testid="stButton"] {
+        display: inline;
     }
     </style>
     """,
@@ -62,16 +69,18 @@ if st.session_state.page == "landing":
 # -----------------------------
 elif st.session_state.page == "main":
     st.markdown("<div class='center-container'>", unsafe_allow_html=True)
-
-    paragraph_html = """
-    <p style='font-size:20px; line-height:1.6; max-width:800px;'>
-        <a class='clickable-sentence' href='?page=sentence_0'>Multiplicity: Many models, same accuracy, different predictions.</a>
-        <a class='clickable-sentence' href='?page=sentence_1'>ICA Framework: Intentional, Conventional, and Arbitrary decisions.</a>
-        <a class='clickable-sentence' href='?page=sentence_2'>Arbitrariness: Why different models might treat individuals differently.</a>
-        <a class='clickable-sentence' href='?page=sentence_3'>Homogenization: Why similar decisions happen across many developers.</a>
-    </p>
-    """
-    st.markdown(paragraph_html, unsafe_allow_html=True)
+    st.write("")  # spacing
+
+    st.write("Click any sentence to explore:")
+
+    # Build paragraph-like flow
+    st.button("Multiplicity: Many models, same accuracy, different predictions.", key="s0", on_click=go_to, args=("sentence_0",))
+    st.write(" ", unsafe_allow_html=True)
+    st.button("ICA Framework: Intentional, Conventional, and Arbitrary decisions.", key="s1", on_click=go_to, args=("sentence_1",))
+    st.write(" ", unsafe_allow_html=True)
+    st.button("Arbitrariness: Why different models might treat individuals differently.", key="s2", on_click=go_to, args=("sentence_2",))
+    st.write(" ", unsafe_allow_html=True)
+    st.button("Homogenization: Why similar decisions happen across many developers.", key="s3", on_click=go_to, args=("sentence_3",))
 
     st.markdown("</div>", unsafe_allow_html=True)