Update app.py

app.py

@@ -2,7 +2,7 @@
 import streamlit as st
 import math
 
-# Page Configuration
+# Page Configuration with Icon
 st.set_page_config(
     page_title="🔧 Pipe Sizing Helper",
     page_icon="💧",
@@ -28,6 +28,7 @@ st.markdown("""
             font-size: 1.3em;
             font-weight: bold;
             color: #2196F3;
+            margin-top: 20px;
         }
         .footer {
             text-align: center;
@@ -35,27 +36,38 @@ st.markdown("""
             font-size: 0.9em;
             color: #777;
         }
+        .icon {
+            text-align: center;
+            font-size: 4em;
+            color: #FF9800;
+        }
+        .button {
+            text-align: center;
+            margin-top: 30px;
+        }
     </style>
 """, unsafe_allow_html=True)
 
-# Header
+# Header with Icon
+st.markdown("<div class='icon'>💧</div>", unsafe_allow_html=True)
 st.markdown("<h1 class='title'>🔧 Pipe Sizing Helper</h1>", unsafe_allow_html=True)
 st.markdown("<p class='subtitle'>Calculate optimal pipe size based on flow rate and velocity</p>", unsafe_allow_html=True)
 
 # User Inputs
 st.subheader("💡 Input Parameters")
-
 flow_rate = st.number_input("🌊 Enter Flow Rate (m³/s):", min_value=0.0, format="%.4f")
 velocity = st.number_input("💨 Enter Permissible Velocity (m/s):", min_value=0.1, format="%.2f")
 
-# Calculate Pipe Diameter
-if st.button("🔄 Calculate Pipe Diameter"):
+# Button for Calculation
+st.markdown("<div class='button'>", unsafe_allow_html=True)
+if st.button("🔄 Generate Pipe Diameter"):
     if velocity > 0 and flow_rate > 0:
         # Formula: Diameter = sqrt((4 * Flow Rate) / (π * Velocity))
         diameter = math.sqrt((4 * flow_rate) / (math.pi * velocity))
         st.markdown(f"<p class='result'>✅ Recommended Pipe Diameter: {diameter:.2f} meters</p>", unsafe_allow_html=True)
     else:
         st.warning("⚠️ Please enter valid positive values for flow rate and velocity.")
+st.markdown("</div>", unsafe_allow_html=True)
 
 # Footer
 st.markdown("<p class='footer'>💻 <b>Developed by ChatGPT</b></p>", unsafe_allow_html=True)