[mirotalksfu] - improve init UI

public/css/Room.css

@@ -138,11 +138,41 @@ body {
 # Init User
 --------------------------------------------------------------*/
 
+.init-modal-size {
+    width: 1024px !important;
+    height: auto !important;
+}
+
 .init-user {
-    display: block;
+    display: flex;
     padding: 5px;
 }
 
+.init-video-container {
+    position: relative;
+    padding: 10px;
+    width: 100%;
+}
+
+.init-video-container video {
+    z-index: 0;
+    position: relative;
+    height: 240px;
+}
+
+.initComands {
+    width: 100%;
+}
+
+@media screen and (max-width: 1024px) {
+    .init-modal-size {
+        width: auto !important;
+    }
+    .init-user {
+        display: block;
+    }
+}
+
 .init-user select {
     width: 100%;
     margin-top: 15px;
@@ -156,9 +186,13 @@ body {
 }
 
 .init-user button {
+    width: 50px;
+    padding: 10px;
     margin-top: 20px;
     margin-bottom: 10px;
-    width: 50px;
+    font-size: 1.2rem;
+    border: var(--border);
+    border-radius: 5px;
     background-color: transparent;
 }
 
@@ -214,21 +248,6 @@ body {
     color: red;
 }
 
-/*--------------------------------------------------------------
-# Init Audio/Video buttons
---------------------------------------------------------------*/
-
-#initAudioButton,
-#initVideoButton,
-#initAudioVideoButton,
-#initStartScreenButton,
-#initStopScreenButton {
-    font-size: 1.2rem;
-    padding: 10px;
-    border: var(--border);
-    border-radius: 5px;
-}
-
 /*--------------------------------------------------------------
 # Room QR
 --------------------------------------------------------------*/