Update app.py

app.py

@@ -138,41 +138,33 @@ def get_topics_list() -> List[str]:
 # Custom CSS for better UI
 custom_css = """
 .gradio-container {
-    max-width: 1200px !important;
-    margin: 0 auto !important;
+    max-width: 100% !important;
+    padding: 0 !important;
+    margin: 0 !important;
 }
 
-.main-chat {
-    border: 1px solid #e0e0e0;
-    border-radius: 12px;
-    padding: 20px;
-    background: #fafafa;
+.main {
+    max-width: 100% !important;
+    padding: 10px !important;
 }
 
-.input-area {
-    background: white;
-    border-radius: 8px;
-    padding: 15px;
-    margin-top: 10px;
+/* AI Response text spacing */
+.response-area textarea {
+    line-height: 1.6 !important;
+    padding: 15px !important;
+    font-size: 14px !important;
 }
 
-.history-area {
-    background: white;
-    border-radius: 8px;
-    padding: 15px;
-    margin-top: 10px;
+/* History text spacing */
+.history-display textarea {
+    line-height: 1.6 !important;
+    padding: 15px !important;
+    font-size: 14px !important;
 }
 
-.tab-nav {
-    background: #f5f5f5;
-    border-radius: 8px 8px 0 0;
-}
-
-/* Copy button styling */
-.copy-button {
-    background: #4CAF50 !important;
-    color: white !important;
-    border-radius: 4px !important;
+/* Better text readability */
+textarea {
+    line-height: 1.6 !important;
 }
 """
 
@@ -188,7 +180,7 @@ with gr.Blocks(
     
     with gr.Tabs() as tabs:
         # MAIN CHAT TAB
-        with gr.Tab("💬 Chat", elem_classes="main-chat"):
+        with gr.Tab("💬 Chat"):
             # AI Response Area (Top)
             ai_response = gr.Textbox(
                 label="🤖 AI Response",
@@ -201,7 +193,7 @@ with gr.Blocks(
             )
             
             # Input Area (Bottom)
-            with gr.Group(elem_classes="input-area"):
+            with gr.Group():
                 with gr.Row():
                     user_input = gr.Textbox(
                         label="✍️ Your Message",
@@ -224,7 +216,7 @@ with gr.Blocks(
         
         # HISTORY TAB
         with gr.Tab("📚 Chat History"):
-            with gr.Group(elem_classes="history-area"):
+            with gr.Group():
                 with gr.Row():
                     topic_filter = gr.Dropdown(
                         label="🔍 Filter by Topic",
@@ -245,7 +237,8 @@ with gr.Blocks(
                     max_lines=30,
                     interactive=False,
                     show_copy_button=True,
-                    placeholder="Chat history and summaries will appear here..."
+                    placeholder="Chat history and summaries will appear here...",
+                    elem_classes="history-display"
                 )
     
     # Event Handlers