final version

streamlit_simulation/app.py

@@ -247,11 +247,11 @@ def render_simulation_view(timestamp, prediction, actual, progress, fig, paused=
     plot_container.pyplot(fig)
 
     #st.markdown("<div style='margin-bottom: 0.5rem;'></div>", unsafe_allow_html=True)
-    x_axis_label.markdown(
-        f"<div style='text-align: center; font-size: 14pt; color: {TEXT_COLOR}; margin-top: -0.5rem;'>"
-        f"Time</div>",
-        unsafe_allow_html=True
-    )
+    #x_axis_label.markdown(
+    #    f"<div style='text-align: center; font-size: 14pt; color: {TEXT_COLOR}; margin-top: -0.5rem;'>"
+    #    f"Time</div>",
+    #    unsafe_allow_html=True
+    #)
 
     with info_container.container():
         st.markdown("<div style='margin-top: 5rem;'></div>", unsafe_allow_html=True)
@@ -305,20 +305,18 @@ max_date = test_df_full["date"].max().date()
 
 # ============================== UI Controls ==============================
 
-st.markdown("### Simulation Settings")
-col1, col2 = st.columns([1, 1])
-
-with col1:
-    st.markdown("**General Settings**")
+with st.sidebar:
+    st.header("⚙️ Simulation Settings")
+    
+    st.subheader("General Settings")
     model_choice = st.selectbox("Choose prediction model", ["LightGBM", "Transformer Model (moments)"])
     if model_choice == "Transformer Model (moments)":
         st.caption("⚠️ Note: Transformer model runs slower without GPU. (Use Speed = 10)")
     window_days = st.selectbox("Display window (days)", options=[3, 5, 7], index=0)
     window_hours = window_days * 24
     speed = st.slider("Speed", 1, 10, 5)
-
-with col2:
-    st.markdown(f"**Date Range** (from {min_date} to {max_date})")
+    
+    st.subheader("Date Range")
     start_date = st.date_input("Start Date", value=min_date, min_value=min_date, max_value=max_date)
     end_date = st.date_input("End Date", value=max_date, min_value=min_date, max_value=max_date)
     
@@ -337,14 +335,14 @@ total_steps_ui = len(test_df_filtered)
 # ============================== Buttons ==============================
 
 st.markdown("### Start Simulation")
-col1, col2, col3 = st.columns([1, 1, 14])
+col1, col2, col3 = st.columns([1, 1, 4])
 with col1:
     play_pause_text = "▶️ Start" if not st.session_state.is_running else "⏸️ Pause"
-    if st.button(play_pause_text):
+    if st.button(play_pause_text, use_container_width=True):
         st.session_state.is_running = not st.session_state.is_running
         st.rerun()
 with col2:
-    reset_button = st.button("🔄 Reset")
+    reset_button = st.button("🔄 Reset", use_container_width=True)
 
 # Reset logic
 if reset_button:

streamlit_simulation/config_streamlit.py

@@ -20,7 +20,7 @@ BUTTON_HOVER_BG = "#cbd9e6"    # Hover color for buttons
 BG_COLOR = "#ffffff"           # Page background
 INPUT_BG = "#f2f6fa"           # Background for select boxes, inputs
 PROGRESS_COLOR = "#0077B6"     # Progress bar color
-PLOT_COLOR = "white"           # Plot background color
+PLOT_COLOR = "#edf1f7"           # Plot background color
 
 # Constants
 TRAIN_RATIO = 0.7  # Train/test split ratio used by both models