Update static/index.html

static/index.html

@@ -21,7 +21,7 @@
             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
         }
         #chat-history {
-            height: 357px;
+            height: 530px;
             overflow-y: auto;
             margin-bottom: 10px;
             padding: 10px;
@@ -44,11 +44,13 @@
             background: linear-gradient(135deg, #d1ecf1 0%, #a8d8e0 100%);
             color: #0c5460;
             margin-left: auto;
+            border-radius: 15px 15px 0 15px;
         }
         .bot-message {
             background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
             color: #721c24;
             margin-right: auto;
+            border-radius: 15px 15px 15px 0;
         }
         .user-icon, .bot-icon {
             margin-right: 8px;
@@ -174,7 +176,7 @@
         function showTypingIndicator() {
             const typingElement = document.createElement("div");
             typingElement.className = "typing-indicator";
-            typingElement.innerText = "Bot is typing...";
+            typingElement.innerText = "Clara is typing...";
             document.getElementById("chat-history").appendChild(typingElement);
         }