From e0a7dca8e57b82ea94f2dddbcbba90a5078c8502 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Wed, 31 Jan 2024 14:56:50 +0100
Subject: [PATCH] [mirotalksfu] - improve UI

---
 public/css/Room.css | 5 +++++
 public/js/Room.js   | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/public/css/Room.css b/public/css/Room.css
index bf5a4b06..df7e222e 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -872,6 +872,11 @@ th {
     background: #000000;
 }
 
+/* Hide the default Bootstrap dropdown icon */
+.dropdown-toggle::after {
+    display: none !important;
+}
+
 select {
     height: 40px;
     line-height: 40px;
diff --git a/public/js/Room.js b/public/js/Room.js
index 4ee35742..12ab472f 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -3174,8 +3174,10 @@ function getParticipantsList(peers) {
                 id="${socket.id}-chatDropDownMenu" 
                 data-bs-toggle="dropdown" 
                 aria-expanded="false"
+                style="float: right"
             >
             <!-- <i class="fas fa-bars"></i> -->
+            <i class="fas fa-ellipsis-vertical"></i>
             </button>
             <ul class="dropdown-menu text-start" aria-labelledby="${socket.id}-chatDropDownMenu">
                 <li><button class="btn-sm ml5" id="sendAllButton" onclick="rc.selectFileToShare('${socket.id}', true)">${_PEER.sendFile} Share file to all</button></li>
@@ -3242,8 +3244,10 @@ function getParticipantsList(peers) {
                             id="${peer_id}-chatDropDownMenu" 
                             data-bs-toggle="dropdown" 
                             aria-expanded="false"
+                            style="float: right"
                         >
                         <!-- <i class="fas fa-bars"></i> -->
+                        <i class="fas fa-ellipsis-vertical"></i>
                         </button>
                         <ul class="dropdown-menu text-start" aria-labelledby="${peer_id}-chatDropDownMenu">
                             <li><button class="btn-sm ml5" id='${peer_id}___shareFile' onclick="rc.selectFileToShare('${peer_id}', false)">${peer_sendFile} Share file</button></li>
@@ -3304,8 +3308,10 @@ function getParticipantsList(peers) {
                             id="${peer_id}-chatDropDownMenu" 
                             data-bs-toggle="dropdown" 
                             aria-expanded="false"
+                            style="float: right"
                         >
                         <!-- <i class="fas fa-bars"></i> -->
+                        <i class="fas fa-ellipsis-vertical"></i>
                         </button>
                         <ul class="dropdown-menu text-start" aria-labelledby="${peer_id}-chatDropDownMenu">
                             <li><button class="btn-sm ml5" id='${peer_id}___shareFile' onclick="rc.selectFileToShare('${peer_id}', false)">${peer_sendFile} Share file</button></li>