Update app.py

app.py

@@ -44,7 +44,7 @@ def custom_css():
                 transition: background-color 0.3s ease;
             }
             .stButton>button:hover {
-                background-color: #45a049;
+                background-color: #f1c232;
             }
             .stTextInput, .stTextArea {
                 background-color: #fff;
@@ -191,8 +191,12 @@ def main():
                 # Embed MermaidFlow Editor in iframe
                 st.markdown(f'<iframe src="{mermaidflow_url}" width="100%" height="600px"></iframe>', unsafe_allow_html=True)
 
-                # Provide a direct link to MermaidFlow editor for convenience
-                st.markdown(f"Copy and paste the Generated Mermaid Code in the Live Editor and download the generated diagram by clicking on Export as SVG format to get a high-resolution generated image.")
+                # Instruction Expander with step-by-step guide
+                with st.expander("Instruction to Generate Diagram"):
+                    st.markdown("""
+                        **Copy and paste the Generated Mermaid Code** in the Live Editor and download the generated diagram by clicking on **Export as SVG** format to get a high-resolution generated image.
+                    """)
+
             else:
                 st.error("Failed to generate diagram code.")
         else: