Merge branch 'develop' of github.com:thecodingmachine/workadventure

front/style/mobile-style.scss

@@ -40,7 +40,6 @@
   .main-section {
     position: absolute;
     width: 100%;
-    min-width: 400px;
 
     & > div {
       z-index: 2;

front/style/style.scss

@@ -44,7 +44,7 @@ body .message-info.warning {
     video {
         width: 100%;
         height: 100%;
-        max-height: 90vh;
+        object-fit: cover;
 
         &.mobile{
             width: 100%;
@@ -73,7 +73,6 @@ body .message-info.warning {
         left: 5px;
         bottom: 5px;
         padding: 10px;
-        z-index: 2;
 
         &.active {
             display: block !important;
@@ -552,6 +551,10 @@ input[type=range]:focus::-ms-fill-upper {
     margin: 2%;
     transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, max-height 0.2s, max-width 0.2s;
     pointer-events: auto;
+
+    video {
+        max-height: 21vh;
+    }
 }
 
 .sidebar>div:hover {