From 30ed28c1a10df1d3f132322627c89bba97a108c9 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 21 Jul 2024 18:19:00 +0200
Subject: [PATCH] [mirotalksfu] - move leave room button

---
 public/css/Room.css    | 4 ++--
 public/js/Room.js      | 2 +-
 public/views/Room.html | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/css/Room.css b/public/css/Room.css
index 19f4ae15..58a19d4a 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -229,8 +229,8 @@ body {
 }
 
 #bottomButtons button {
-    width: 55px;
-    font-size: 1.5rem;
+    width: 48px;
+    font-size: 1.4rem;
     padding: 10px;
     background: var(--btns-bg-color);
     border-radius: 10px;
diff --git a/public/js/Room.js b/public/js/Room.js
index a1e48774..7fa1cdf0 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -377,7 +377,6 @@ function refreshMainButtonsToolTipPlacement() {
         setTippy('whiteboardButton', 'Toggle the whiteboard', placement);
         setTippy('settingsButton', 'Toggle the settings', placement);
         setTippy('aboutButton', 'About this project', placement);
-        setTippy('exitButton', 'Leave room', placement);
 
         // Bottom buttons
         setTippy('startAudioButton', 'Start the audio', bPlacement);
@@ -390,6 +389,7 @@ function refreshMainButtonsToolTipPlacement() {
         setTippy('stopScreenButton', 'Stop screen share', bPlacement);
         setTippy('raiseHandButton', 'Raise your hand', bPlacement);
         setTippy('lowerHandButton', 'Lower your hand', bPlacement);
+        setTippy('exitButton', 'Leave room', bPlacement);
     }
 }
 
diff --git a/public/views/Room.html b/public/views/Room.html
index 28d50b14..93dc8370 100644
--- a/public/views/Room.html
+++ b/public/views/Room.html
@@ -175,7 +175,6 @@ <h1>Loading</h1>
             <button id="settingsButton" class="hidden"><i class="fas fa-cogs"></i></button>
             <button id="aboutButton" class="hidden"><i class="fas fa-question"></i></button>
             <!-- <button id="restartICE" class="hidden"><i class="fas fa-satellite-dish"></i></button> -->
-            <button id="exitButton" class="hidden"><i class="fas fa-right-from-bracket"></i></button>
         </div>
 
         <div id="bottomButtons" class="fadein">
@@ -189,6 +188,7 @@ <h1>Loading</h1>
             <button id="stopScreenButton" class="hidden"><i class="fas fa-stop-circle"></i></button>
             <button id="raiseHandButton" class="hidden"><i class="fas fa-hand-paper"></i></button>
             <button id="lowerHandButton" class="hidden"><i id="lowerHandIcon" class="fas fa-hand-paper"></i></button>
+            <button id="exitButton" class="hidden"><i class="fa-solid fa-phone-slash"></i></button>
         </div>
 
         <div id="emojiPickerContainer" class="roomEmoji fadein">