From 5ce95f4aeb141984d41b20171a4f98a627898307 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Mon, 6 Jun 2022 11:21:40 +0200
Subject: [PATCH] [mirotalksfu] - improve invite btn UI

---
 public/css/Room.css | 10 +++++++++-
 public/js/Room.js   |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/css/Room.css b/public/css/Room.css
index 07118079..486a9f6b 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -645,7 +645,15 @@ button:hover {
 } */
 
 #inviteParticipants {
-    margin: 15px 0px 0px 5px;
+    width: 100%;
+    padding: 10px;
+    margin: 10px auto 0px auto;
+    background-color: #191919;
+    border-radius: 10px;
+}
+#inviteParticipants:hover {
+    color: #fff;
+    transform: scale(1);
 }
 
 #searchParticipants {
diff --git a/public/js/Room.js b/public/js/Room.js
index af13a782..f0730c99 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -1538,7 +1538,7 @@ async function getParticipantsTable(peers) {
         <button
             id="inviteParticipants"
             onclick="shareRoom();"
-        ><i class="fas fa-user-plus"></i> Invite Someone</button>
+        ><i class="fas fa-user-plus"></i>&nbsp; Invite Someone</button>
     </div>
     <div>
         <input