From d955576a7ed648fb61037ebee5655e380162d9e0 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Thu, 16 Oct 2025 15:48:21 +0300
Subject: [PATCH] Center fullscreen button and adjust its size

Added CSS rules to center the fullscreen button's SVG and set its width and height to 30px for improved alignment and appearance.
---
 .../video-js/src/components/video-player/VideoJSPlayer.css  | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css
index 25b2c90f..59519671 100644
--- a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css
+++ b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css
@@ -27,3 +27,9 @@ button {
     opacity: 0 !important;
     visibility: hidden !important;
 }
+
+/* Center the fullscreen button inside its wrapper */
+.vjs-fullscreen-control svg {
+    width: 30px !important;
+    height: 30px !important;
+}