[mirotalksfu] - improve chat gui

public/css/Room.css

@@ -34,7 +34,7 @@
     --msger-left: 50%;
     --msger-height: 680px;
     --msger-width: 420px;
-    --msger-bg: #16171b;
+    --msger-bg: linear-gradient(to left, #383838, #000000);
     --left-msg-bg: #222328;
     --right-msg-bg: #0a0b0c;
     --box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
@@ -45,6 +45,10 @@
     font-family: 'Verdana';
 }
 
+html {
+    min-height: 100%;
+}
+
 body {
     background-image: url('../images/background.jpg');
     background-repeat: no-repeat;

public/js/Room.js

@@ -746,8 +746,8 @@ async function getRoomParticipants() {
         let peer_name = peer_info.peer_name;
         let peer_id = peer_info.peer_id;
         rc.peer_id === peer_id
-            ? (table += `<tr><td>👤 ${peer_name} (me)</td><td></td></tr>`)
-            : (table += `<tr id='${peer_id}'><td>👤 ${peer_name}</td><td><button id='${peer_id}' onclick="rc.peerAction('me',this.id,'eject')">eject</button></td></tr>`);
+            ? (table += `<tr><td>- 👤 ${peer_name} (me)</td><td></td></tr>`)
+            : (table += `<tr id='${peer_id}'><td>- 👤 ${peer_name}</td><td><button id='${peer_id}' onclick="rc.peerAction('me',this.id,'eject')">eject</button></td></tr>`);
     }
     table += `</table></div>`;