[mirotalksfu] - move leave room button

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;

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);
     }
 }
 

public/views/Room.html

@@ -175,7 +175,6 @@ access to use this app.
             <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 @@ access to use this app.
             <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">