Update app.py

app.py

@@ -58,8 +58,13 @@ st.set_page_config(
 # ------------- Custom CSS Styling -------------
 st.markdown("""
 <style>
-/* Remove padding */
-.block-container { padding-top: 2rem; padding-bottom: 2rem; }
+/* Remove padding and center content */
+.block-container {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    max-width: 800px;
+    margin: auto;
+}
 
 /* Title styling */
 .title {
@@ -67,50 +72,57 @@ st.markdown("""
     font-weight: bold;
     color: #4A90E2;
     text-align: center;
-    margin-bottom: 2rem;
-}
-
-/* Chat area container */
-.chat-container {
-    max-width: 750px;
-    margin: 0 auto;
+    margin-bottom: 1.5rem;
 }
 
-/* Chat history box */
+/* Chat container */
 .chat-history {
-    height: 500px;
+    height: 450px;
     overflow-y: auto;
     background-color: #F9F9F9;
-    border-radius: 12px;
+    border-radius: 16px;
     padding: 1rem;
     border: 1px solid #DDD;
     margin-bottom: 1rem;
 }
 
-/* Message bubbles */
+/* User message styling */
 .message-user {
     background-color: #DDF3FF;
-    padding: 0.8rem;
+    padding: 0.9rem;
     border-radius: 12px;
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.6rem;
+    text-align: left;
+    font-size: 1rem;
+    font-weight: 500;
 }
+
+/* Bot message styling */
 .message-bot {
     background-color: #E3FFE1;
-    padding: 0.8rem;
+    padding: 0.9rem;
     border-radius: 12px;
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.6rem;
+    text-align: left;
+    font-size: 1rem;
+    font-weight: 500;
 }
 
-/* Input field */
+/* Text input compact styling */
 .stTextInput > div > input {
     font-size: 1rem;
-    padding: 0.7rem;
-    border-radius: 8px;
+    padding: 0.6rem;
+    border-radius: 10px;
+    margin-bottom: 0.2rem;
+}
+/* Hide text input label text */
+.stTextInput label {
+    display: none;
 }
 
-/* Button style */
+/* Send button styling */
 .stButton>button {
-    border-radius: 8px;
+    border-radius: 10px;
     background-color: #4A90E2;
     color: white;
     font-size: 1rem;
@@ -120,15 +132,15 @@ st.markdown("""
     background-color: #357ABD;
 }
 
-/* Sidebar logo alignment */
+/* Sidebar image center */
 .sidebar-logo {
-    display: flex;
-    justify-content: center;
-    margin-bottom: 20px;
+    text-align: center;
+    margin-bottom: 1rem;
 }
 </style>
 """, unsafe_allow_html=True)
 
+
 # ------------- Sidebar -------------
 with st.sidebar:
     st.markdown("<div class='sidebar-logo'><img src='https://cdn-icons-png.flaticon.com/512/4712/4712027.png' width='100'></div>", unsafe_allow_html=True)
@@ -182,4 +194,4 @@ with st.container():
             st.markdown(f"<div class='message-bot'><b>🤖 Bot:</b> {msg['content']}</div>", unsafe_allow_html=True)
     st.markdown("</div>", unsafe_allow_html=True)
 
-    st.markdown("</div>", unsafe_allow_html=True)  # End chat container
+    # End chat container