From 20e6a38fc8432f9fde78df22794174665e23ee36 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Tue, 22 Jul 2025 00:36:56 +0300
Subject: [PATCH] chore: fix margins between tool icons

---
 frontend-tools/video-js/src/VideoJS.css                    | 2 ++
 .../video-js/src/components/video-player/VideoJSPlayer.jsx | 7 +------
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend-tools/video-js/src/VideoJS.css b/frontend-tools/video-js/src/VideoJS.css
index 3bb0fa16..3f7ff884 100644
--- a/frontend-tools/video-js/src/VideoJS.css
+++ b/frontend-tools/video-js/src/VideoJS.css
@@ -25,6 +25,8 @@
 .video-js .vjs-control-bar {
     border-bottom-left-radius: 12px !important;
     border-bottom-right-radius: 12px !important;
+    padding-bottom: 5px;
+    padding-top: 0px;
 }
 
 /* Responsive video container */
diff --git a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx
index 8f1bb875..a5499350 100644
--- a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx
+++ b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx
@@ -1595,12 +1595,7 @@ function VideoJSPlayer() {
         };
     }, []);
 
-    return (
-        <>
-            <video ref={videoRef} className="video-js vjs-default-skin" tabIndex="0" />
-            {JSON.stringify(currentVideo.related_media)}
-        </>
-    );
+    return <video ref={videoRef} className="video-js vjs-default-skin" tabIndex="0" />;
 }
 
 export default VideoJSPlayer;