Update app.py

app.py

@@ -35,7 +35,14 @@ st.set_page_config(page_title="PDF Assistant", page_icon="📘", layout="wide")
 # ---------------- CSS ----------------
 st.markdown("""
 <style>
-/* 1. HIDE DEFAULT STREAMLIT HEADER & FOOTER */
+/* 1. GLOBAL RESET & SCROLL LOCK */
+html, body {
+    overflow: hidden;
+    height: 100%;
+    margin: 0;
+}
+
+/* 2. HIDE DEFAULT STREAMLIT ELEMENTS */
 header[data-testid="stHeader"] {
     display: none;
 }
@@ -43,25 +50,26 @@ footer {
     display: none;
 }
 
-/* 2. SCROLL FIX FOR SIDEBAR */
+/* 3. SIDEBAR STYLING (FROZEN LEFT PANEL) */
 [data-testid="stSidebar"] {
     position: fixed;
-    overflow-y: hidden !important;
-    height: 100vh;
-    z-index: 99999; /* Very high z-index to sit on top */
     top: 0;
     left: 0;
+    height: 100vh;
+    width: 20rem;
+    overflow: hidden !important;
+    z-index: 99999;
 }
 
-/* 3. FIXED HEADER STYLING */
+/* 4. FIXED HEADER STYLING */
 .fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
-    height: 5rem; /* Fixed height */
+    height: 6rem;
     background-color: #0e1117; 
-    z-index: 99998; /* Just below sidebar, above content */
+    z-index: 99998;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -69,15 +77,23 @@ footer {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 
-/* 4. ADJUST MAIN CONTENT TO ACCOUNT FOR FIXED HEADER */
+/* 5. MAIN CONTENT SCROLLING (INDEPENDENT RIGHT PANEL) */
 .main .block-container {
-    margin-top: 4rem; /* Push content down */
-    padding-top: 2rem;
+    margin-top: 6rem;
+    height: calc(100vh - 6rem);
+    overflow-y: auto;
+    padding-top: 1rem;
     padding-bottom: 5rem;
-    overflow-y: auto; 
+}
+.main .block-container::-webkit-scrollbar {
+    width: 8px;
+}
+.main .block-container::-webkit-scrollbar-thumb {
+    background: #2d3748;
+    border-radius: 4px;
 }
 
-/* 5. SIDEBAR BUTTON STYLING */
+/* 6. SIDEBAR BUTTON STYLING */
 [data-testid="stSidebar"] .stButton button {
     width: 100%;
     border-radius: 8px;
@@ -85,12 +101,15 @@ footer {
     margin-bottom: 6px;
 }
 
-/* 6. HIDE UPLOADED FILE LIST */
+/* 7. HIDE UPLOADED FILE LIST */
 section[data-testid="stFileUploader"] ul {
     display: none;
 }
+section[data-testid="stFileUploader"] small {
+    display: none;
+}
 
-/* 7. CHAT BUBBLES */
+/* 8. CHAT BUBBLES */
 .chat-user {
     background: #2d3748;
     padding: 12px;
@@ -117,15 +136,15 @@ section[data-testid="stFileUploader"] ul {
     padding-top: 5px;
 }
 
-/* 8. TITLE TEXT */
+/* 9. TITLE TEXT */
 .title-text {
-    font-size: 2.2rem;
+    font-size: 2.5rem;
     font-weight: 800;
     margin: 0;
     line-height: 1.2;
 }
 .creator-text {
-    font-size: 0.9rem;
+    font-size: 1rem;
     font-weight: 500;
     color: #cccccc;
 }
@@ -134,7 +153,7 @@ section[data-testid="stFileUploader"] ul {
     text-decoration: none;
 }
 
-/* 9. INPUT FORM STYLING */
+/* 10. INPUT FORM STYLING */
 [data-testid="stForm"] {
     border: none;
     padding: 0;
@@ -143,12 +162,11 @@ 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>
     <div class="creator-text">
-        <a href="https://www.linkedin.com/in/abhishek-iitr/" target="_blank">Abhishek Saxena</a>
+        by <a href="https://www.linkedin.com/in/abhishek-iitr/" target="_blank">Abhishek Saxena</a>
     </div>
 </div>
 """, unsafe_allow_html=True)
@@ -273,7 +291,7 @@ with st.sidebar:
                 else:
                     st.error("❌ Failed.")
         else:
-            st.success(f"👍 **Ready:** `{uploaded.name}`")
+            st.success(f"✅ **Active:** `{uploaded.name}`")
     else:
         st.warning("⬆️ Upload a PDF to start chatting!")
 
@@ -305,7 +323,6 @@ if submit_btn and user_question:
     st.rerun()
 
 # ---------------- CHAT HISTORY (REVERSED) ----------------
-# 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):