Update pages/life_cycle.py

pages/life_cycle.py

@@ -8,6 +8,17 @@ from facts import show_fun_fact
 
 st.set_page_config(layout="wide")
 
+st.markdown("""
+    <style>
+        .stButton>button {
+            width: 100%;
+            display: block;
+            margin-left: auto;
+            margin-right: auto;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
 st.markdown("""
     <style>
         .title {
@@ -105,18 +116,12 @@ config = Config(
 if "clicked_node" not in st.session_state:
     st.session_state.clicked_node = None
 
-st.markdown("### Click on a node to learn more about each stage, or explore the flow chart for a surprise! :nerd_face:")
-
 clicked_node = agraph(nodes=nodes, edges=edges, config=config)
 
 if clicked_node:
     st.session_state.clicked_node = clicked_node
 
-clear_button = st.button("Clear Selection")
-if clear_button:
-    clicked_node = None
-    if clicked_node in st.session_state:
-        del st.session_state.selected_page
+st.markdown("### Click on a node to learn more about each stage! :nerd_face:")
 
 def load_and_display_content(node_name):
     page_directory = r"stages"
@@ -131,7 +136,18 @@ def load_and_display_content(node_name):
     else:
         pass
 
-display_all_nodes_button = st.button("Display All Stages")    
+col1, col2 = st.columns(2)
+
+with col1:
+    clear_button = st.button("Clear Selection")
+
+with col2:
+    display_all_nodes_button = st.button("Display All Stages")    
+
+if clear_button:
+    clicked_node = None
+    if clicked_node in st.session_state:
+        del st.session_state.selected_page
 
 if display_all_nodes_button:
     clicked_node = None