Update app.py

app.py

@@ -26,8 +26,8 @@ MODEL_FALLBACKS = [MODELS_DIR / "model.joblib", MODELS_DIR / "model.pkl"]
 COLORS = {"pred": "#1f77b4", "actual": "#f2b702", "ref": "#5a5a5a"}
 
 # ---- Plot sizing controls ----
-CROSS_W = 420    # px (matplotlib figure size; Streamlit will still scale)
-CROSS_H = 420
+CROSS_W = 450    # px (matplotlib figure size; Streamlit will still scale)
+CROSS_H = 450
 TRACK_H = 740    # px (plotly height; width auto-fits column)
 FONT_SZ  = 13
 
@@ -35,7 +35,17 @@ FONT_SZ  = 13
 # Page / CSS
 # =========================
 st.set_page_config(page_title="ST_GeoMech_UCS", page_icon="logo.png", layout="wide")
+st.markdown("""
+<style>
+  /* Reusable logo style */
+  .brand-logo { width: 16px; height: auto; object-fit: contain; }
 
+  /* Sidebar header layout */
+  .sidebar-header { display:flex; align-items:center; gap:12px; }
+  .sidebar-header .text h1 { font-size: 1.05rem; margin:0; line-height:1.1; }
+  .sidebar-header .text .tag { font-size: .85rem; color:#6b7280; margin:2px 0 0; }
+</style>
+""", unsafe_allow_html=True)
 # Hide uploader helper text ("Drag and drop file here", limits, etc.)
 st.markdown("""
 <style>
@@ -80,7 +90,7 @@ def add_password_gate() -> None:
     if st.session_state.get("auth_ok", False):
         return
 
-    st.sidebar.image("logo.png", use_column_width=True)
+    st.sidebar.image("logo.png", use_column_width=False)
     st.sidebar.markdown("### ST_GeoMech_UCS\nSmart Thinking • Secure Access")
     pwd = st.sidebar.text_input("Access key", type="password", placeholder="••••••••")
     if st.sidebar.button("Unlock", type="primary"):
@@ -235,19 +245,31 @@ def track_plot(df, include_actual=True):
         ),
         legend_title_text=""
     )
-    fig.update_xaxes(
-        title_text="<b>UCS (psi)</b>", title_font=dict(size=14),
-        side="top", range=[xmin, xmax],
-        ticks="outside", tickformat=",.0f", tickmode="auto", tick0=tick0,
-        showline=True, linewidth=1.2, linecolor="#444", mirror=True,
-        showgrid=True, gridcolor="rgba(0,0,0,0.12)", automargin=True
-    )
-    fig.update_yaxes(
-        title_text=f"<b>{ylab}</b>", title_font=dict(size=14),
-        range=y_range, ticks="outside",
-        showline=True, linewidth=1.2, linecolor="#444", mirror=True,
-        showgrid=True, gridcolor="rgba(0,0,0,0.12)", automargin=True
-    )
+    BOLD = "Arial Black, Arial, sans-serif"   # or "Open Sans Bold", "Helvetica Neue", etc.
+
+fig.update_xaxes(
+    title_text="UCS (psi)",
+    title_font=dict(size=16, family=BOLD),   # ← bold axis title
+    tickfont=dict(size=13, family=BOLD),     # ← bold tick labels
+    side="top",
+    range=[xmin, xmax],
+    ticks="outside",
+    tickformat=",.0f",
+    tickmode="auto",
+    tick0=tick0,
+    showline=True, linewidth=1.2, linecolor="#444", mirror=True,
+    showgrid=True, gridcolor="rgba(0,0,0,0.12)", automargin=True
+)
+
+fig.update_yaxes(
+    title_text=ylab,
+    title_font=dict(size=16, family=BOLD),   # ← bold axis title
+    tickfont=dict(size=13, family=BOLD),     # ← bold tick labels
+    range=y_range,
+    ticks="outside",
+    showline=True, linewidth=1.2, linecolor="#444", mirror=True,
+    showgrid=True, gridcolor="rgba(0,0,0,0.12)", automargin=True
+)
     return fig
 
 # ---------- Preview modal (matplotlib) ----------
@@ -351,7 +373,7 @@ st.session_state.setdefault("dev_preview",False)
 # =========================
 # Branding in Sidebar
 # =========================
-st.sidebar.image("logo.png", use_column_width=True)
+st.sidebar.image("logo.png", use_column_width=False)
 st.sidebar.markdown(
     "<div style='font-weight:800;font-size:1.2rem;'>ST_GeoMech_UCS</div>"
     "<div style='color:#667085;'>Real-Time UCS Tracking While Drilling</div>",