merged latest dev

front/style/style.css

@@ -42,6 +42,10 @@ body .message-info.warning {
     height: 100%;
 }
 
+.video-container.nes-container.is-dark {
+    padding: 12px 12px !important;
+}
+
 .video-container i {
     position: absolute;
     width: 100px;
@@ -133,23 +137,23 @@ body .message-info.warning {
     outline: none;
 }
 
-.video-container#div-myCamVideo {
-    padding: 12px 12px !important;
+.video-container.div-myCamVideo{
+    border: none;
 }
 
-#div-myCamVideo {
-    position: absolute;
+.div-myCamVideo {
+    position: absolute !important;
     right: 15px;
     bottom: 30px;
     max-height: 20%;
     transition: right 350ms;
 }
 
-#div-myCamVideo.hide {
+.div-myCamVideo.hide {
     right: -20vw;
 }
 
-video#myCamVideo {
+video.myCamVideo{
     width: 15vw;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
@@ -219,7 +223,9 @@ video#myCamVideo {
 
 /*btn animation*/
 .btn-cam-action div{
-    /*position: absolute;*/
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 44px;
     height: 44px;
     width: auto;
@@ -278,7 +284,7 @@ video#myCamVideo {
 
 .btn-cam-action div img {
     height: 22px;
-    width: auto;
+    width: 30px;
     position: relative;
     pointer-events: all;
 }
@@ -1299,4 +1305,5 @@ div.action.danger p.action-body {
     width: 100%;
     height: 100%;
     pointer-events: none;
+    z-index: 999;
 }