[mirotalksfu] - improve whiteboard UI

public/css/Room.css

@@ -693,9 +693,7 @@ progress {
     border: none;
     width: 20px;
     height: 15px;
-    margin-top: 10px;
+    margin-left: 5px;
-    margin-left: 10px;
-    margin-right: 15px;
     border-radius: 20px;
     border: solid 0.5px #afadad38;
 }

public/js/Room.js

@@ -79,6 +79,8 @@ function initClient() {
         setTippy('tabRoomBtn', 'Room', 'top');
         setTippy('tabYoutubeBtn', 'YouTube', 'top');
         setTippy('tabStylingBtn', 'Styling', 'top');
+        setTippy('wbBackgroundColorEl', 'Background color', 'top');
+        setTippy('wbDrawingColorEl', 'Drawing color', 'top');
         setTippy('whiteboardPencilBtn', 'Drawing mode', 'top');
         setTippy('whiteboardObjectBtn', 'Object mode', 'top');
         setTippy('whiteboardUndoBtn', 'Undo', 'top');

public/view/Room.html

@@ -291,11 +291,11 @@ access to use this app.
 
         <section id="whiteboard" class="fadein center hidden">
             <header id="whiteboardHeader" class="whiteboard-header">
-                <div id="whiteboardTitle" class="whiteboard-header-title"></div>
+                <div id="whiteboardTitle" class="whiteboard-header-title">
+                    <button id="whiteboardCloseBtn" class="fas fa-times"></button>
+                </div>
                 <div class="whiteboard-header-options">
-                    bg
                     <input id="wbBackgroundColorEl" class="whiteboardColorPicker" type="color" value="#000000" />
-                    pencil
                     <input id="wbDrawingColorEl" class="whiteboardColorPicker" type="color" value="#FFFFFF" />
                     <button id="whiteboardPencilBtn" class="fas fa-pencil-alt"></button>
                     <button id="whiteboardObjectBtn" class="fas fa-mouse-pointer"></button>
@@ -310,7 +310,6 @@ access to use this app.
                     <button id="whiteboardSaveBtn" class="fas fa-save"></button>
                     <button id="whiteboardEraserBtn" class="fas fa-eraser"></button>
                     <button id="whiteboardCleanBtn" class="fas fa-trash"></button>
-                    <button id="whiteboardCloseBtn" class="fas fa-times"></button>
                 </div>
             </header>
             <main>