[mirotalksfu] - fix typo

public/css/Room.css

@@ -94,11 +94,6 @@ body {
     font-family: 'Comfortaa';
 }
 
-#initAudioButton,
-#initVideoButton {
-    font-size: 1.8rem;
-}
-
 /*--------------------------------------------------------------
 # Buttons bar
 --------------------------------------------------------------*/
@@ -107,7 +102,6 @@ body {
     z-index: 3;
     position: absolute;
     display: flex;
-    padding: 15px;
 
     top: var(--btns-top);
     right: var(--btns-right);
@@ -124,16 +118,17 @@ body {
     -ms-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
 
-    border-radius: 20px;
+    border-radius: 10px;
-    background: rgba(0, 0, 0, 0.7);
 }
 
 #control button {
     border: none;
-    font-size: 1.5rem;
+    font-size: 1.2rem;
     transition: all 0.3s ease-in-out;
-    background: transparent;
+    background: rgba(0, 0, 0, 0.2);
     border-radius: 5px;
+    width: 100%;
+    height: 100%;
 }
 #control p {
     font-size: small;

public/js/RoomClient.js

@@ -1290,15 +1290,15 @@ class RoomClient {
                 document.documentElement.style.setProperty('--btns-right', '0px');
                 document.documentElement.style.setProperty('--btns-left', '20px');
                 document.documentElement.style.setProperty('--btns-margin-left', '0px');
-                document.documentElement.style.setProperty('--btns-width', '40px');
+                document.documentElement.style.setProperty('--btns-width', '60px');
                 document.documentElement.style.setProperty('--btns-flex-direction', 'column');
                 break;
             case 'horizontal':
                 document.documentElement.style.setProperty('--btns-top', '95%');
                 document.documentElement.style.setProperty('--btns-right', '25%');
                 document.documentElement.style.setProperty('--btns-left', '50%');
-                document.documentElement.style.setProperty('--btns-margin-left', '-160px');
+                document.documentElement.style.setProperty('--btns-margin-left', '-200px');
-                document.documentElement.style.setProperty('--btns-width', '320px');
+                document.documentElement.style.setProperty('--btns-width', '400px');
                 document.documentElement.style.setProperty('--btns-flex-direction', 'row');
                 break;
         }

public/view/Room.html

@@ -100,9 +100,9 @@ access to use this app.
             <button id="shareButton" class="hidden"><i class="fas fa-share-alt"></i></button>
             <button id="startAudioButton" class="hidden"><i class="fas fa-microphone-slash"></i></button>
             <button id="stopAudioButton" class="hidden"><i class="fas fa-microphone"></i></button>
-            <button id="swapCameraButton" class="hidden"><i class="fas fa-sync-alt"></i></button>
             <button id="startVideoButton" class="hidden"><i class="fas fa-video-slash"></i></button>
             <button id="stopVideoButton" class="hidden"><i class="fas fa-video"></i></button>
+            <button id="swapCameraButton" class="hidden"><i class="fas fa-sync-alt"></i></button>
             <button id="chatButton" class="hidden"><i class="fas fa-comments"></i></button>
             <button id="startScreenButton" class="hidden"><i class="fas fa-desktop"></i></button>
             <button id="stopScreenButton" class="hidden"><i class="fas fa-stop-circle"></i></button>