app updated

app.py

@@ -117,17 +117,42 @@ else:
         # st.image(shelter["image_url"])
         st.json(shelter["info"])
 
-        # Navigation buttons
+        # Custom HTML for buttons
+        st.markdown("""
+            <style>
+            .button-container {
+                display: flex;
+                justify-content: center;
+                gap: 20px;
+                position: fixed;
+                bottom: 10px;
+                width: 100%;
+            }
+            .stButton button {
+                background-color: #4CAF50;
+                color: white;
+                padding: 10px 20px;
+                border: none;
+                cursor: pointer;
+                font-size: 16px;
+            }
+            </style>
+            <div class="button-container">
+                <button onclick="document.querySelector('button[aria-label=Previous]').click()">Previous</button>
+                <button onclick="document.querySelector('button[aria-label=Next]').click()">Next</button>
+            </div>
+            """, unsafe_allow_html=True)
+
         col1, col2 = st.columns([1, 1])
 
         with col1:
-            if st.button("Previous"):
+            if st.button("Previous", key="previous"):
                 if st.session_state.shelter_index > 0:
                     st.session_state.shelter_index -= 1
                     st.experimental_rerun()
 
         with col2:
-            if st.button("Next"):
+            if st.button("Next", key="next"):
                 if st.session_state.shelter_index < len(shelters) - 1:
                     st.session_state.shelter_index += 1
                     st.experimental_rerun()