style

style.css

@@ -16,10 +16,23 @@ h1 {
   padding-top: 1.5rem;
 }
 
-/* Prevent auto-scrolling behavior */
+/* Adjust message box size */
+.message-textbox {
+    height: 80px !important;  /* Reduced from default */
+    min-height: 80px !important;
+    max-height: 80px !important;
+}
+
+/* Ensure the textbox doesn't overlap with content */
+.message-wrap {
+    margin-bottom: 10px !important;
+    padding-bottom: 10px !important;
+}
+
+/* Adjust the chat container to give more space to messages */
 .chatbot {
-  height: 600px !important;
-  overflow-y: auto !important;
+    height: 500px !important;  /* Slightly reduced to accommodate smaller input box */
+    overflow-y: auto !important;
 }
 
 .chatbot-container {
@@ -27,10 +40,6 @@ h1 {
   overflow: visible !important;
 }
 
-.message-wrap {
-  overflow: visible !important;
-}
-
 /* Fix input area */
 .input-row {
   position: sticky !important;
@@ -43,7 +52,7 @@ h1 {
 /* Ensure chat container doesn't jump */
 #chatbot {
   min-height: 400px;
-  max-height: 600px;
+  max-height: 500px;  /* Adjusted to match chatbot height */
   overflow-y: auto;
   scroll-behavior: smooth;
 }