Update app.py

app.py

@@ -1,49 +1,65 @@
 import streamlit as st
+# No need to import time if not simulating task here
 
 # --- Page Configuration ---
 # This sets the title and icon that appear in the default header
 st.set_page_config(
-    page_title="SBS V2.0 mapper", # This title will appear in the sticky header
+    page_title="SBS V2.0 mapper", # This title will appear in the fixed header
     page_icon=":material/keyboard:", # This icon can also appear in the header
     layout="wide" # Optional: Use wide layout
 )
 
-# --- Custom CSS for Sticky Default Header ---
+# --- Custom CSS for Fixed Default Header ---
 st.markdown("""
 <style>
-    /* Make the default Streamlit header sticky */
+    /* Make the default Streamlit header fixed at the top */
     header {
-        position: sticky;
-        top: 0; /* Stick to the top edge */
-        z-index: 100; /* Ensure the header is above other content */
+        position: fixed; /* Use fixed positioning for viewport-relative stickiness */
+        top: 0;         /* Position from the top edge */
+        left: 0;        /* Position from the left edge */
+        width: 100%;    /* Span the full width of the viewport */
+        z-index: 100;   /* Ensure the header is above other content */
         background-color: rgb(240, 242, 246); /* Match Streamlit's default header background color */
-        /* Add padding if needed, though sticky often works well with default layout */
-        /* padding-top: 1rem; */
-        /* padding-bottom: 1rem; */
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
+        /* You might need to adjust padding if the default header height changes */
     }
 
-    /* Optional: Add some padding to the top of the main content
-               so it doesn't start hidden behind the sticky header */
-    /* This might be handled automatically by position: sticky, but can help if needed */
-    /*
-    .stApp > div:first-child {
-        padding-top: XXpx; // Replace XX with the height of your header
+    /* Add padding to the main content area to prevent it from being hidden behind the fixed header */
+    /* This targets the main container div below the header and sidebar */
+    /* You might need to inspect the Streamlit app's HTML structure in your browser
+       (using developer tools) to find the precise data-testid or class for this div
+       if "stAppViewContainer" or "stVerticalBlock" doesn't work reliably,
+       but stAppViewContainer is a common target. */
+    [data-testid="stAppViewContainer"] {
+        padding-top: 70px; /* Adjust this value to be slightly more than your header's height */
     }
-    */
+
+    /* Also add padding to the sidebar content */
+     [data-testid="stSidebar"] {
+         padding-top: 70px; /* Use the same padding value as the main content */
+     }
+
+     /* If the layout is 'wide', adjust the padding on the main container */
+     /* This helps keep content aligned if the header has internal padding/margins */
+    .main .block-container {
+        padding-top: 1rem; /* Or match default streamlit content padding */
+    }
+
+
 </style>
 """, unsafe_allow_html=True)
 
-# --- App Content (will scroll below the sticky header) ---
+# --- App Content (will scroll below the fixed header) ---
 
 # The logo placed here will likely appear in the sidebar or main body,
-# not in the sticky default header. Use st.set_page_config for the header icon.
+# not in the fixed default header. Use st.set_page_config for the header icon.
 st.logo(image="images/menu_book_60dp_75FBFD.png")
 
 st.sidebar.header("SBS V2.0 mapper")
 st.sidebar.write("(work in progress)")
 st.sidebar.text("Demo by JA-RAD")
 
-# Note: st.title and st.subheader here will appear *below* the sticky header,
+# Note: st.title and st.subheader here will appear *below* the fixed header,
 # as they are part of the main app content flow.
 st.title("Map descriptions to SBS codes with Sentence Transformer + Reasoning")
 st.subheader("Select specific Chapter for quicker results")
@@ -62,5 +78,5 @@ pg = st.navigation(pages=[type_text_page]) # WITHOUT SECTIONS
 pg.run()
 
 # Add some extra content to make the page scrollable for testing
-for i in range(50):
+for i in range(100): # Increased lines to ensure sufficient scrolling
     st.write(f"This is scrollable content line {i}")