Fix big play button

[github/Chocobozzz/PeerTube.git] / client / src / sass / player / upnext.scss

diff --git a/client/src/sass/player/upnext.scss b/client/src/sass/player/upnext.scss
index 7614bb3b67a01b9ba6c57637066027432bb5f4dd..2618d79d416ddd217cf05f6ead74628e6e089e66 100644 (file)
--- a/client/src/sass/player/upnext.scss
+++ b/client/src/sass/player/upnext.scss
@@ -4,38 +4,32 @@ $browser-context: 16;
   @return #{$pixels/$context}em;
 }
 
-@mixin transition($string: $transition--default) {
-  transition: $string;
-}
-
 .video-js {
 
   .vjs-upnext-content {
+    transition: opacity 0.1s;
+
     font-size: 1.8em;
     pointer-events: auto;
     position: absolute;
     top: 0;
     bottom: 0;
-    background: rgba(0,0,0,0.6);
+    background: rgba(0, 0, 0, 0.6);
     width: 100%;
-
-    @include transition(opacity 0.1s);
   }
 
   .vjs-upnext-top {
+    margin: 0 auto;
     width: 100%;
     position: absolute;
-    margin-left: auto;
-    margin-right: auto;
     bottom: 50%;
     margin-bottom: 60px;
   }
 
   .vjs-upnext-bottom {
+    margin: 0 auto;
     width: 100%;
     position: absolute;
-    margin-left: auto;
-    margin-right: auto;
     top: 50%;
     margin-top: 52px;
   }
@@ -77,7 +71,7 @@ $browser-context: 16;
     float: none;
     padding: 10px !important;
     font-size: 16px !important;
-    border: none;
+    border: 0;
   }
 
   .vjs-upnext-cancel-button,
@@ -86,7 +80,7 @@ $browser-context: 16;
   }
 
   .vjs-upnext-cancel-button:hover {
-    background-color: rgba(255,255,255,0.25);
+    background-color: rgba(255, 255, 255, 0.25);
     border-radius: 2px;
   }
 
@@ -95,6 +89,8 @@ $browser-context: 16;
   }
 
   .vjs-upnext-autoplay-icon {
+    transition: stroke-dasharray 0.1s cubic-bezier(0.4, 0, 1, 1);
+
     position: absolute;
     top: 50%;
     left: 50%;
@@ -102,8 +98,6 @@ $browser-context: 16;
     height: 98px;
     margin: -49px 0 0 -49px;
     cursor: pointer;
-
-    @include transition(stroke-dasharray 0.1s cubic-bezier(0.4,0,1,1));
   }
 
 }