main.js

@@ -23,15 +23,6 @@ class Conversation {
         this.messages = initialMessages;
     }
 
-    addMessage(message) {
-        this.messages.push(message);
-        this.render();
-
-        var elements = document.getElementById("messages").children;
-        var lastElement = elements[elements.length - 1];
-        lastElement.scrollIntoView();
-    }
-
     // for the user to send their own messages
     sendUserMessage(text) {
 
@@ -83,7 +74,7 @@ class Conversation {
                 messageText = json.message;
             }
 
-            this.addMessage(new AgentMessage(messageText));
+            this.messages.push(new AgentMessage(messageText));
             this.render();
         })
         .catch(error => {
@@ -100,7 +91,7 @@ class Conversation {
             //    this.render();
             //}, 5000);
         }, 1000);
-        this.addMessage(message);
+        this.messages.push(message);
     }
 
     // update the current HTML based on messages

styles.css

@@ -72,9 +72,6 @@ body {
         max-width: 300px;
     }
 
-    #main-panel {
-        width: calc(100% - 300px);
-    }
 }
 
 #side-panel .conversation {
@@ -108,7 +105,7 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    width: 100%;
+    width: calc(100% - 300px);
 }
 
 #page {