Update app.py

app.py

@@ -29,12 +29,34 @@ CROSS_W = 500; CROSS_H = 500      # square cross-plot
 TRACK_W = 400; TRACK_H = 950      # log-strip style (tall, slightly wider)
 FONT_SZ = 13
 PLOT_COLS = [14, 0.3, 10]           # 3-column band: left • spacer • right
+with left:
+    st.markdown("<div class='align-right'>", unsafe_allow_html=True)
+    st.plotly_chart(
+        cross_plot(df[TARGET], df["UCS_Pred"]),
+        use_container_width=False,
+        config={"displayModeBar": False, "scrollZoom": True}
+    )
+    st.markdown("</div>", unsafe_allow_html=True)
+
+# spacer: leave empty
+
+with right:
+    st.plotly_chart(
+        track_plot(df, include_actual=True),   # or False on the Prediction page
+        use_container_width=False,
+        config={"displayModeBar": False, "scrollZoom": True}
+    )
+
 
 # =========================
 # Page / CSS
 # =========================
 st.set_page_config(page_title="ST_GeoMech_UCS", page_icon="logo.png", layout="wide")
 st.markdown("<style>header, footer{visibility:hidden !important;}</style>", unsafe_allow_html=True)
+st.markdown(
+    "<style>.align-right{display:flex;justify-content:flex-end;width:100%;}</style>",
+    unsafe_allow_html=True
+)
 st.markdown(
     """
     <style>