Update app.py

app.py

@@ -101,8 +101,8 @@ body {
 button {
     background: linear-gradient(90deg, #6a11cb, #2575fc);
     color: white;
-    padding: 0.8rem 1.5rem;
-    font-size: 1rem;
+    padding: 0.6rem 1.2rem;
+    font-size: 0.9rem;
     font-weight: bold;
     border-radius: 20px;
     border: none;
@@ -112,7 +112,7 @@ button {
 
 button:hover {
     background: linear-gradient(90deg, #2575fc, #6a11cb);
-    transform: scale(1.1);
+    transform: scale(1.05);
 }
 
 header {
@@ -129,22 +129,27 @@ header {
     border: 2px solid #ff7eb3;
     background: rgba(255, 255, 255, 0.8);
     border-radius: 15px;
-    padding: 15px;
+    padding: 20px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-    max-height: 300px;
+    max-height: 350px;
+    width: 80%;  /* Wider chat container */
+    margin: 0 auto;
     overflow-y: auto;
     font-size: 1.1rem;
     color: #333;
+    line-height: 1.6;
 }
 
 .chat-container .user-message {
     font-weight: bold;
     color: #6a11cb;
+    margin-bottom: 10px;
 }
 
 .chat-container .bot-message {
     font-weight: normal;
     color: #2575fc;
+    margin-bottom: 10px;
 }
 
 """) as chat_interface:
@@ -179,7 +184,7 @@ header {
         send_button = gr.Button("Send")
 
     with gr.Row():
-        chatbot_output = gr.Chatbot(label="Chat History")
+        chatbot_output = gr.Chatbot(label="Chat History", elem_classes=["chat-container"])
 
     def handle_chat(user_input, sub_category, history):
         if not user_input.strip():