From d66d2cfb63e7faf55939a137247867735d38a33b Mon Sep 17 00:00:00 2001
From: mister-ben <git@misterben.me>
Date: Wed, 6 Mar 2024 19:30:28 +0100
Subject: [PATCH] use em units

---
 src/css/components/_transient-button.scss | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/css/components/_transient-button.scss b/src/css/components/_transient-button.scss
index 28dbd7fcb0..bd12e6eb38 100644
--- 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);
 }