Update my_pages/developer_decisions.py

my_pages/developer_decisions.py

@@ -1,10 +1,17 @@
 # pipeline_app.py
 import streamlit as st
-from utils import add_navigation
+from utils import add_navigation, add_instruction_text
 from utils import pipeline_data
 
 def render():
     add_navigation("txt_developer_decisions", "txt_ica")
+
+    add_instruction_text(
+        """
+        Developers make a huge number of decisions when designing ML models. <br>
+        Dive into some examples below to get a feel of how model design works.
+        """
+    )
     
     if "active_stage" not in st.session_state:
         st.session_state.active_stage = None
@@ -13,18 +20,6 @@ def render():
     if "active_subsub" not in st.session_state:
         st.session_state.active_subsub = None
 
-    st.markdown(
-        """
-        <div style='text-align: center; font-size:18px; color:gray;'>
-        Developers make a huge number of decisions when designing ML models. <br>
-        Dive into some examples below to get a feel of how model design works. <br>
-        </div>
-        """,
-        unsafe_allow_html=True
-    )
-
-    st.markdown("---")
-
     # Level 1: Stages
     cols = st.columns(len(pipeline_data))
     for idx, stage in enumerate(pipeline_data.keys()):