[mirotalksfu] - #171 add new feature and UI/UX improvements

public/css/Room.css

@@ -163,7 +163,7 @@ body {
 #control {
     z-index: 3;
     position: absolute;
-    display: none;
+    display: flex;
     padding: 5px;
 
     top: var(--btns-top);
@@ -247,6 +247,20 @@ body {
     background: var(--body-bg) !important;
 }
 
+@media screen and (max-width: 500px) {
+    #bottomButtons button {
+        width: 46px;
+        font-size: 1.2rem;
+    }
+}
+
+@media screen and (max-width: 350px) {
+    #bottomButtons button {
+        width: 36px;
+        font-size: 1rem;
+    }
+}
+
 /*--------------------------------------------------------------
 # Room QR
 --------------------------------------------------------------*/