1 files changed, 4 insertions, 20 deletions

diff --git a/client/src/sass/player/control-bar.scss b/client/src/sass/player/control-bar.scss
index 02d5fa169..09a75e2fd 100644
--- a/client/src/sass/player/control-bar.scss
+++ b/client/src/sass/player/control-bar.scss
@@ -3,20 +3,6 @@
 @use '_mixins' as *;
 @use './_player-variables' as *;
 
-// Like the time tooltip
-.video-js .vjs-progress-holder .vjs-storyboard-sprite-placeholder {
-  display: none;
-}
-
-.video-js .vjs-progress-control:hover .vjs-storyboard-sprite-placeholder,
-.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-storyboard-sprite-placeholder {
-  display: block;
-
-  // Ensure that we maintain a font-size of ~10px.
-  font-size: 0.6em;
-  visibility: visible;
-}
-
 .video-js.vjs-peertube-skin .vjs-control-bar {
   z-index: 100;
 
@@ -26,11 +12,8 @@
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
   transition: visibility 0.3s, opacity 0.3s !important;
 
-  &.control-bar-hidden {
-    display: none !important;
-  }
-
-  > button:first-child {
+  > button:not(.vjs-hidden):first-child,
+  > button.vjs-hidden + button:not(.vjs-hidden) {
     @include margin-left($first-control-bar-element-margin-left);
   }
 
@@ -167,7 +150,7 @@
     }
   }
 
-  .vjs-live-control {
+  .vjs-pt-live-control {
     padding: 5px 7px;
     border-radius: 3px;
     height: fit-content;
@@ -245,6 +228,7 @@
   .vjs-next-video,
   .vjs-previous-video {
     width: $control-bar-button-width - 4px;
+    cursor: pointer;
 
     &.vjs-disabled {
       cursor: default;