From a52589e6ea5f4a7de6a79382a50aa447234be250 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Mon, 24 Jan 2022 21:32:31 +0100
Subject: [PATCH] [mirotalksfu] - improve participants list UI

---
 app/src/Room.js   | 3 ++-
 public/js/Room.js | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/src/Room.js b/app/src/Room.js
index 8d2c86ab..58e9e533 100644
--- a/app/src/Room.js
+++ b/app/src/Room.js
@@ -65,7 +65,8 @@ module.exports = class Room {
             }
         });
         this.audioLevelObserver.on('silence', () => {
-            log.debug('audioLevelObserver', { volume: 'silence' });
+            //log.debug('audioLevelObserver', { volume: 'silence' });
+            return;
         });
     }
 
diff --git a/public/js/Room.js b/public/js/Room.js
index 6903d35d..7808f4c7 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -1456,7 +1456,7 @@ async function getParticipantsTable(peers) {
 
     table += `
     <tr>
-        <td>&nbsp;<i class="fas fa-users fa-lg"></i></td>
+        <td>&nbsp;<i class="fas fa-users fa-lg"></i>&nbsp;&nbsp;all</td>
         <td><button id="muteAllButton" onclick="rc.peerAction('me','${rc.peer_id}','mute',true,true)">${_PEER.audioOff}</button></td>
         <td><button id="hideAllButton" onclick="rc.peerAction('me','${rc.peer_id}','hide',true,true)">${_PEER.videoOff}</button></td>
         <td></td>
@@ -1480,7 +1480,7 @@ async function getParticipantsTable(peers) {
         if (rc.peer_id === peer_id) {
             table += `
             <tr id='${peer_name}'>
-                <td><img src='${avatarImg}'>&nbsp;${peer_name} (me)</td>
+                <td><img src='${avatarImg}'>&nbsp;&nbsp;${peer_name} (me)</td>
                 <td><button>${peer_audio}</button></td>
                 <td><button>${peer_video}</button></td>
                 <td><button>${peer_hand}</button></td>
@@ -1492,7 +1492,7 @@ async function getParticipantsTable(peers) {
         } else {
             table += `
             <tr id='${peer_id}'>
-                <td><img src='${avatarImg}'>&nbsp;${peer_name}</td>
+                <td><img src='${avatarImg}'>&nbsp;&nbsp;${peer_name}</td>
                 <td><button id='${peer_id}___pAudio' onclick="rc.peerAction('me',this.id,'mute')">${peer_audio}</button></td>
                 <td><button id='${peer_id}___pVideo' onclick="rc.peerAction('me',this.id,'hide')">${peer_video}</button></td>
                 <td><button>${peer_hand}</button></td>