Update app.py

app.py

@@ -109,26 +109,31 @@ css = """
 /* Chatbot container responsive height */
 .chatbot-container {
     height: 400px;
+    margin-bottom: 10px !important;
 }
 
 @media (min-width: 768px) {
     .chatbot-container {
         height: 500px;
+        margin-bottom: 15px !important;
     }
 }
 
 @media (min-width: 1024px) {
     .chatbot-container {
         height: 600px;
+        margin-bottom: 15px !important;
     }
 }
 
-/* Input row responsive behavior */
+/* Reduce gap between chatbot and input */
 .input-row {
     display: flex;
     gap: 10px;
     align-items: flex-end;
     flex-wrap: nowrap;
+    margin-top: 0 !important;
+    padding-top: 0 !important;
 }
 
 @media (max-width: 480px) {
@@ -273,11 +278,12 @@ with gr.Blocks(css=css, title="🤖 Codestral AI Chat", theme=gr.themes.Soft())
             show_label=True,
             container=True,
             bubble_full_width=False,
-            elem_classes=["chatbot-container"]
+            elem_classes=["chatbot-container"],
+            show_copy_button=True
         )
         
-        # Input row with responsive design
-        with gr.Row(elem_classes=["input-row"]):
+        # Input row with responsive design - reduced gap
+        with gr.Row(elem_classes=["input-row"], variant="compact"):
             msg = gr.Textbox(
                 label="Your Message",
                 placeholder="Type your question here...",