use em units

mister-ben · Mar 6, 2024 · d66d2cf · d66d2cf
1 parent ba1da82
commit d66d2cf
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/css/components/_transient-button.scss b/src/css/components/_transient-button.scss
@@ -19,19 +19,23 @@
 }
 
 .video-js .vjs-transient-button.vjs-left {
-  left: 5px;
+  left: 1em;
 }
 
 .video-js .vjs-transient-button.vjs-right {
-  right: 5px;
+  right: 1em;
 }
 
 .video-js .vjs-transient-button.vjs-top {
-  top: 5px;
+  top: 1em;
+}
+
+.video-js .vjs-transient-button.vjs-near-top {
+  top: 4em;
 }
 
 .video-js .vjs-transient-button.vjs-bottom {
-  bottom: 35px;
+  bottom: 4em;
 }
 
 .video-js.vjs-layout-large .vjs-transient-button {
@@ -48,10 +52,6 @@
   font-size: 150%;
 }
 
-.video-js .vjs-transient-button.vjs-top.avoid-title {
-  top: 80px;
-}
-
 .video-js .vjs-transient-button:hover {
   background-color: rgba(50, 50, 50, 0.9);
 }