[mirotalksfu] - #127 improve chat header buttons

public/views/Room.html

@@ -908,7 +908,7 @@ access to use this app.
                             </div>
 
                             <!-- CHAT OPTIONS -->
-                            <div style="position: absolute; z-index: 5; right: 50px; top: 20px">
+                            <div style="position: absolute; display: inline-flex; z-index: 5; right: 20px; top: 20px">
                                 <button id="chatTogglePin" class="hidden">
                                     <i class="fas fa-map-pin"></i>
                                 </button>
@@ -918,13 +918,7 @@ access to use this app.
                                 <button id="chatMinButton" class="hidden">
                                     <i class="fas fa-compress"></i>
                                 </button>
-                                <button id="chatCloseButton">
-                                    <i class="fas fa-times"></i>
-                                </button>
-                            </div>
-
                                 <!-- CHAT MORE OPTIONS -->
-                            <div style="position: absolute; z-index: 5; right: 5px; top: 20px">
                                 <div class="dropdown">
                                     <button
                                         class="dropdown-toggle"
@@ -981,6 +975,9 @@ access to use this app.
                                         </li>
                                     </ul>
                                 </div>
+                                <button id="chatCloseButton">
+                                    <i class="fas fa-times"></i>
+                                </button>
                             </div>
                         </div>
                     </div>