Update app.py

app.py

@@ -39,6 +39,13 @@ st.set_page_config(page_title="ST_GeoMech_UCS", page_icon="logo.png", layout="wi
 # This is the new CSS block for the sticky header and message box
 st.markdown("""
 <style>
+/* CSS for the main app title in the sidebar and password gate */
+.app-title {
+    color: #ADD8E6; /* Light blue color for the title */
+    font-weight:800;
+    font-size:1.2rem;
+}
+
 /* CSS to make the header sticky */
 .fixed-header-container {
     position: sticky;
@@ -87,18 +94,18 @@ section[data-testid="stFileUploader"] p, section[data-testid="stFileUploader"] s
 st.markdown("""
 <style>
 div[data-testid="stExpander"] > details > summary {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background: #fff;
-  border-bottom: 1px solid #eee;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background: #fff;
+    border-bottom: 1px solid #eee;
 }
 div[data-testid="stExpander"] div[data-baseweb="tab-list"] {
-  position: sticky;
-  top: 42px;    /* adjust if your expander header height differs */
-  z-index: 9;
-  background: #fff;
-  padding-top: 6px;
+    position: sticky;
+    top: 42px;    /* adjust if your expander header height differs */
+    z-index: 9;
+    background: #fff;
+    padding-top: 6px;
 }
 </style>
 """, unsafe_allow_html=True)
@@ -136,7 +143,7 @@ def add_password_gate() -> None:
     st.sidebar.markdown(f"""
         <div class="centered-container">
             <img src="{inline_logo('logo.png')}" style="width: 200px; height: auto; object-fit: contain;">
-            <div style='font-weight:800;font-size:1.2rem; margin-top: 10px;'>ST_GeoMech_UCS</div>
+            <div class='app-title' style='margin-top: 10px;'>ST_GeoMech_UCS</div>
             <div style='color:#667085;'>Smart Thinking • Secure Access</div>
         </div>
         """, unsafe_allow_html=True
@@ -427,7 +434,7 @@ st.session_state.setdefault("dev_preview",False)
 st.sidebar.markdown(f"""
     <div class="centered-container">
         <img src="{inline_logo('logo.png')}" style="width: 200px; height: auto; object-fit: contain;">
-        <div style='font-weight:800;font-size:1.2rem;'>ST_GeoMech_UCS</div>
+        <div class='app-title'>ST_GeoMech_UCS</div>
         <div style='color:#667085;'>Real-Time UCS Tracking While Drilling</div>
     </div>
     """, unsafe_allow_html=True
@@ -666,11 +673,11 @@ if st.session_state.app_step == "predict":
             table = pd.DataFrame({
                 "Metric": ["# points","Pred min","Pred max","Pred mean","Pred std","OOR %"],
                 "Value":  [sv["n"],
-                           round(sv["pred_min"],2),
-                           round(sv["pred_max"],2),
-                           round(sv["pred_mean"],2),
-                           round(sv["pred_std"],2),
-                           f'{sv["oor"]:.1f}%']
+                            round(sv["pred_min"],2),
+                            round(sv["pred_max"],2),
+                            round(sv["pred_mean"],2),
+                            round(sv["pred_std"],2),
+                            f'{sv["oor"]:.1f}%']
             })
             st.success("Predictions ready ✓")
             df_centered_rounded(table, hide_index=True)
@@ -693,4 +700,4 @@ st.markdown(
     </div>
     """,
     unsafe_allow_html=True
-)
+)