fix display of next-video-overlay

Author: dularion

dist/streama-video-player.css

@@ -47,22 +47,30 @@
     top: 50%;
     margin-top: -250px;
   }
+}
 
+@media (max-height: 724px) {
   .player-wrapper .next-video-overlay{
     height: auto;
     padding: 0;
 
     .next-video-overlay-inner{
-      width: 100%;
+      width: 300px;
 
-      .col-xs-4{
+      p{
         display: none;
       }
-      .col-xs-8{
-        width: 100%;
+
+      h4 {
+        font-size: 14px;
       }
-      p{
-        display: none;
+
+      h3 {
+        font-size: 15px;
+      }
+
+      .play-button{
+        font-size: 22px;
       }
     }
   }

dist/streama-video-player.min.css

@@ -46,19 +46,16 @@ streama-video-player{
     @include vendor-property('transition', 'padding 0.2s');
     position: absolute;
     bottom: 75px;
-    left: 0;
     right: 0;
-    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 30%);
-    height: 40%;
-    padding: 120px 40px 0 0;
+    background: rgba(0, 0, 0, 0.8);
+    padding: 0;
     z-index: 9;
 
     .next-video-overlay-inner{
       width: 450px;
       float: right;
 
       h4{
-        margin-top: 0px;
         color: #bfbfbf;
         font-weight: 300;
       }