Update app.py

app.py

@@ -35,37 +35,49 @@ st.set_page_config(page_title="PDF Assistant", page_icon="📘", layout="wide")
 # ---------------- CSS ----------------
 st.markdown("""
 <style>
-/* 1. SCROLL FIX FOR SIDEBAR */
+/* 1. HIDE DEFAULT STREAMLIT HEADER & FOOTER */
+header[data-testid="stHeader"] {
+    display: none;
+}
+footer {
+    display: none;
+}
+
+/* 2. SCROLL FIX FOR SIDEBAR */
 [data-testid="stSidebar"] {
     position: fixed;
     overflow-y: hidden !important;
     height: 100vh;
-    z-index: 99;
+    z-index: 99999; /* Very high z-index to sit on top */
+    top: 0;
+    left: 0;
 }
 
-/* 2. FIXED HEADER STYLING */
-/* This pins the title to the top and adds a background so chat flows under it */
+/* 3. FIXED HEADER STYLING */
 .fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
-    background-color: #0e1117; /* Match app background */
-    z-index: 98; /* Below sidebar, above content */
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    text-align: center;
+    height: 5rem; /* Fixed height */
+    background-color: #0e1117; 
+    z-index: 99998; /* Just below sidebar, above content */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 
-/* 3. ADJUST MAIN CONTENT TO ACCOUNT FOR FIXED HEADER */
+/* 4. ADJUST MAIN CONTENT TO ACCOUNT FOR FIXED HEADER */
 .main .block-container {
-    margin-top: 6rem; /* Push content down so it doesn't hide behind header */
+    margin-top: 4rem; /* Push content down */
+    padding-top: 2rem;
     padding-bottom: 5rem;
-    overflow-y: auto; /* Allow scrolling */
+    overflow-y: auto; 
 }
 
-/* 4. SIDEBAR BUTTON STYLING */
+/* 5. SIDEBAR BUTTON STYLING */
 [data-testid="stSidebar"] .stButton button {
     width: 100%;
     border-radius: 8px;
@@ -73,12 +85,12 @@ st.markdown("""
     margin-bottom: 6px;
 }
 
-/* 5. HIDE UPLOADED FILE LIST */
+/* 6. HIDE UPLOADED FILE LIST */
 section[data-testid="stFileUploader"] ul {
     display: none;
 }
 
-/* 6. CHAT BUBBLES */
+/* 7. CHAT BUBBLES */
 .chat-user {
     background: #2d3748;
     padding: 12px;
@@ -105,14 +117,15 @@ section[data-testid="stFileUploader"] ul {
     padding-top: 5px;
 }
 
-/* 7. TITLE TEXT */
+/* 8. TITLE TEXT */
 .title-text {
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: 800;
     margin: 0;
+    line-height: 1.2;
 }
 .creator-text {
-    font-size: 1rem;
+    font-size: 0.9rem;
     font-weight: 500;
     color: #cccccc;
 }
@@ -121,7 +134,7 @@ section[data-testid="stFileUploader"] ul {
     text-decoration: none;
 }
 
-/* 8. INPUT FORM STYLING */
+/* 9. INPUT FORM STYLING */
 [data-testid="stForm"] {
     border: none;
     padding: 0;
@@ -130,6 +143,7 @@ section[data-testid="stFileUploader"] ul {
 """, unsafe_allow_html=True)
 
 # ---------------- FIXED HEADER ----------------
+# Added high z-index in CSS to ensure it sits on top of everything except sidebar
 st.markdown("""
 <div class="fixed-header">
     <div class="title-text">📘 PDF Assistant</div>
@@ -288,10 +302,10 @@ if submit_btn and user_question:
             st.session_state.chat.append(("bot", bot_msg))
         else:
             st.session_state.chat.append(("bot", f"🔴 **Error:** {error}"))
-    st.rerun() # Rerun to update the display at the top immediately
+    st.rerun()
 
 # ---------------- CHAT HISTORY (REVERSED) ----------------
-# We iterate through the reversed list so the newest message (last in list) comes first.
+# Newest message comes FIRST (at the top, just below input)
 if st.session_state.chat:
     st.markdown("---")
     for role, msg in reversed(st.session_state.chat):