ui fix

app.py

@@ -1131,20 +1131,7 @@ body.meetara-light-mode .prompt-radio input:checked ~ * {
     overflow-y: auto !important;
     padding-bottom: 20px !important;
     background: transparent !important;
-    background-color: transparent !important; /* Force transparent */
     border: none !important;
-    box-shadow: none !important;
-}
-
-/* Force internal Gradio wrappers to be transparent */
-.chatbot > .wrap,
-.chatbot .prose,
-.chatbot .block,
-.chatbot > div {
-    background: transparent !important;
-    background-color: transparent !important;
-    border: none !important;
-    box-shadow: none !important;
 }
 
 /* The Wrapper (contains pairs) */
@@ -1169,38 +1156,29 @@ body.meetara-light-mode .prompt-radio input:checked ~ * {
     min-height: auto !important;
 }
 
-/* Request (User) - Box Style (Fits text) */
+/* Request (User) */
 .message.user, [data-testid="user"] {
     align-self: flex-end !important;
-    margin-left: auto !important;
-    text-align: left !important; /* Text inside the box is left-aligned */
-    background: #1e293b !important; /* Dark slate background */
-    border: 1px solid #334155 !important;
-    border-radius: 12px !important;
-    padding: 12px 16px !important;
+    text-align: right !important;
+    background: transparent !important;
+    border: none !important;
+    padding: 0 !important;
     margin: 0 !important;
-    color: #e2e8f0 !important;
-    width: fit-content !important;
-    max-width: 85% !important;
-    display: inline-block !important;
-    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
+    color: #a3a3b8 !important; /* Dark gray */
+    width: auto !important;
+    max-width: 90% !important;
 }
 
-/* Response (Bot) - Box Style (Fits text) */
+/* Response (Bot) */
 .message.bot, [data-testid="bot"] {
     align-self: flex-start !important;
-    margin-right: auto !important;
     text-align: left !important;
-    background: #0f172a !important; /* Darker background */
-    border: 1px solid #1e293b !important;
-    border-radius: 12px !important;
-    padding: 12px 16px !important;
+    background: transparent !important;
+    border: none !important;
+    padding: 0 !important;
     margin: 0 !important;
-    color: #cbd5e1 !important;
-    width: fit-content !important;
-    max-width: 90% !important;
-    display: inline-block !important;
-    box-shadow: none !important;
+    color: #cbd5e1 !important; /* Light gray */
+    width: 100% !important;
 }
 
 /* Ensure text readability and fix overlaps */
@@ -1476,7 +1454,7 @@ textarea::placeholder {
     
     /* Gemini input - mobile */
     .input-container-gemini {
-        padding: 12px 12px 32px 12px !important; /* Increased bottom padding to 32px to lift content */
+        padding: 12px 12px 16px 12px !important;
         position: sticky !important;
         bottom: 0 !important;
         z-index: 100 !important;
@@ -1885,13 +1863,10 @@ with gr.Blocks(
             chatbot = gr.Chatbot(
                 show_copy_button=False,  # Temporarily disabled to debug spacing
                 label="",
-                show_label=False,
-                bubble_full_width=False,
                 elem_id="main-chatbot",
                 elem_classes=["chatbot"],
                 height=None,
-                sanitize_html=False,
-                type="tuples"
+                sanitize_html=False
             )
             
             # Input Area - Simple and Clean