From bdfb218b753b174f608646ddc186d04241f6c6eb Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Thu, 9 Oct 2025 16:34:50 +0300
Subject: [PATCH] Use dynamic font size for NextVideoButton icon

Replaces the hardcoded SVG width and height in NextVideoButton with values from PlayerConfig.controlBar.fontSize, allowing the icon size to be configured dynamically.
---
 .../video-js/src/components/controls/NextVideoButton.js        | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend-tools/video-js/src/components/controls/NextVideoButton.js b/frontend-tools/video-js/src/components/controls/NextVideoButton.js
index 16ce199f..29ed7e7b 100644
--- a/frontend-tools/video-js/src/components/controls/NextVideoButton.js
+++ b/frontend-tools/video-js/src/components/controls/NextVideoButton.js
@@ -1,4 +1,5 @@
 import videojs from 'video.js';
+import PlayerConfig from '../../config/playerConfig';
 // import './NextVideoButton.css';
 
 const Button = videojs.getComponent('Button');
@@ -36,7 +37,7 @@ class NextVideoButton extends Button {
         // Create custom icon span with SVG
         const customIconSpan = videojs.dom.createEl('span');
         customIconSpan.innerHTML = `
-        <svg width="11" height="11" viewBox="14 14 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg width="${PlayerConfig.controlBar.fontSize}" height="${PlayerConfig.controlBar.fontSize}" viewBox="14 14 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M14 34L28.1667 24L14 14V34ZM30.6667 14V34H34V14H30.6667Z" fill="currentColor"></path>
         </svg>`;