From e29e92adb610601baad698ccc5e81c5a66cbe0d2 Mon Sep 17 00:00:00 2001
From: Mathieu Dombrock <matdombrock@gmail.com>
Date: Sun, 26 Feb 2023 17:51:43 -0800
Subject: [PATCH] chat is working, ui updates

---
 client/index.html | 5 ++++-
 client/webrtc.js  | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/index.html b/client/index.html
index 0b8f664..9340202 100755
--- a/client/index.html
+++ b/client/index.html
@@ -13,6 +13,7 @@
       <div class="label">Remote</div>
     </div>
     <div class="btn-wrap">
+      <input type="button" id="dbg" onclick="showStatus(true)" value="DBG"></input>
       <input type="button" id="start" onclick="start(true)" value="Connect"></input>
     </div>
       <div id="chatWrap" class="chat-wrap" style="visibility:hidden">
@@ -20,7 +21,7 @@
 	  MESSAG AREA<br>
 	</div>
 	<div class="chat-input">
-	  <input type="text" id="chatInput">
+	  <input type="text" id="chatInput" placeholder="Write a message...">
 	  <br><br>
 	  <input type="button" id="send" onclick="sendMsg()" value="send"></input>
 	</div>
@@ -103,6 +104,8 @@
     .msg-area{
       background: rgb(65,65,65);
       padding:1rem;
+      height: 360px;
+      overflow-y: scroll;
     }
     .chat-input{
     	text-align:right;
diff --git a/client/webrtc.js b/client/webrtc.js
index 4d9a218..d272ede 100755
--- a/client/webrtc.js
+++ b/client/webrtc.js
@@ -71,7 +71,9 @@ function sendMsg(){
 
 function writeMsg(msg){
   //alert(msg);
-  document.getElementById('msgArea').innerHTML += msg + '<br>';
+  const msgArea = document.getElementById('msgArea');
+  msgArea.innerHTML += msg + '<br>';
+  msgArea.scrollTop = msgArea.scrollHeight;
 }
 
 function getUserMediaSuccess(stream) {