[mirotalksfu] - improvements

public/css/Room.css

@@ -49,7 +49,11 @@ body {
 .skiptranslate iframe,
 .goog-te-banner-frame.skiptranslate,
 .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
-.VIpgJd-ZVi9od-aZ2wEe-OiiCO {
+.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
+#goog-gt-tt,
+#goog-gt-tt *,
+#goog-gt-vt,
+#goog-gt-vt * {
     display: none !important;
 }
 
@@ -414,7 +418,6 @@ body {
 
 #extraInfo {
     margin-left: 5px;
-    max-height: 400px;
 }
 
 #applyAudioOptionsButton {
@@ -672,15 +675,11 @@ body {
 .tabActions {
     position: relative;
     width: 65%;
-    background-color: var(--body-bg);
-    min-height: 480px;
-    max-height: 750px;
-    overflow-x: hidden;
-    overflow-y: auto;
 }
 
 @media screen and (max-width: 830px) {
     .tab {
+        display: inline;
         width: 100%;
         min-height: auto;
         flex-direction: row;
@@ -695,12 +694,6 @@ body {
     }
 }
 
-@media screen and (max-width: 540px) {
-    .tab {
-        display: inline;
-    }
-}
-
 /* Style the buttons inside the tab */
 .tab button {
     margin: 3px;
@@ -708,7 +701,9 @@ body {
     float: left;
     text-align: left;
     color: #fff;
+    font-size: 1rem;
     border: var(--border);
+    border-radius: 5px;
     background-color: rgba(0, 0, 0, 0.2);
     outline: none;
     cursor: pointer;
@@ -717,7 +712,7 @@ body {
 
 /* Change background color of buttons on hover */
 .tab button:hover {
-    background-color: transparent;
+    background: var(--body-bg);
     transform: translateY(-3px);
 }
 
@@ -729,14 +724,15 @@ body {
 /* Style the tab content */
 .tabcontent {
     display: none;
+    margin-top: 15px;
     padding: 6px 12px;
+    width: 100%;
+    max-height: 585px;
+    min-height: 700px;
     border-top: none;
-}
-
-.tabcontent button i {
-    padding: 10px;
-    border: var(--border);
-    border-radius: 5px;
+    background-color: var(--body-bg);
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 
 .tabcontent button {
@@ -747,6 +743,7 @@ body {
 
 .tabcontent button:hover {
     background: var(--body-bg);
+    transform: scale(1);
 }
 
 /* on open display devices tab */