From 42270c032ee287bb64de870cff5341630f5c2321 Mon Sep 17 00:00:00 2001
From: "@CyberAndi" <programming@cyberandi.slmail.me>
Date: Tue, 6 Feb 2024 01:52:25 +0100
Subject: [PATCH] change position

---
 assets/css/player.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/assets/css/player.css b/assets/css/player.css
index 9de5d06d..029436b9 100644
--- a/assets/css/player.css
+++ b/assets/css/player.css
@@ -139,12 +139,13 @@ ul.vjs-menu-content::-webkit-scrollbar {
 }
 
 .video-js .vjs-control-bar {
-  border-bottom-right-radius: 13px;
-  border-bottom-left-radius: 13px;
-  background-color: rgba(0,0,0,0.35);
-  backdrop-filter: blur(2.5px);
-  box-shadow: 0.3em 0.3em 0.5em rgba(0,0,0,0.8);
-  z-index: 100;
+	border-bottom-right-radius: 13px;
+	border-bottom-left-radius: 13px;
+	background-color: rgba(0,0,0,0.35);
+	backdrop-filter: blur(2.5px);
+	box-shadow: 0.3em 0.3em 0.5em rgba(0,0,0,0.8);
+	height: 30px !important;
+	z-index: 100;
 }
 
 .video-js :is(button, .vjs-control) {
@@ -340,7 +341,7 @@ video.video-js {
 	width: 100%;
 	backdrop-filter: blur(2.5px);
 	box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8), 0em -0.15em 0.25em rgba(230,230,230,0.35);
-	height: 4.5em;
+	height: 45px;
 	z-index: 10;
 }
 
@@ -348,16 +349,16 @@ video.video-js {
 	position: relative;
 	display: flex;
 	line-height: 1.1em;
-	top: -6.5em;
+	top: calc(-1em - 60px);
 	vertical-align: middle;
-	height: 4.5em !important;
+	height: 45px !important;
 	width: 62vw;
 	text-overflow: ellipsis !important;
 	overflow: clip !important;
 	white-space: nowrap !important;
 	padding-left: calc(200px + 2.2em);
 	background-color: rgba(200,0,0,0.4);
-	z-index: 11;
+	z-index: 0;
 }
 
 img.thumbnail {
@@ -367,6 +368,7 @@ img.thumbnail {
 	border-radius: 7px;
 	box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8);
 	border: solid 0.75px rgba(32,32,32,0.5);
+	z-index: 100;
 }
 
 video#player_html5_api {