From ef6633dbaadd7b9a58b9f2dedfbb9dc953da2980 Mon Sep 17 00:00:00 2001
From: amtins <andre.martins@rts.ch>
Date: Mon, 29 May 2023 11:54:07 +0200
Subject: [PATCH] fix(captions-setting): lack of responsiveness

---
 src/css/components/_captions-settings.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/css/components/_captions-settings.scss b/src/css/components/_captions-settings.scss
index 543949f1b2..8c36ed82be 100644
--- a/src/css/components/_captions-settings.scss
+++ b/src/css/components/_captions-settings.scss
@@ -53,6 +53,10 @@
 }
 
 // Form elements
+.vjs-text-track-settings select {
+  font-size: inherit;
+}
+
 .vjs-track-setting > select {
   margin-right: 1em;
   margin-bottom: 0.5em;
@@ -65,7 +69,7 @@
 
 .vjs-text-track-settings fieldset span {
   display: inline-block;
-  padding: 0 6px 8px;
+  padding: 0 .6em .8em;
 }
 
 // style the second select for text colors
@@ -76,11 +80,11 @@
 .vjs-text-track-settings legend {
   color: $primary-foreground-color;
   font-weight: bold;
-  font-size: 14px;
+  font-size: 1.2em;
 }
 
 .vjs-text-track-settings .vjs-label {
-  margin: 0 5px 5px 0;
+  margin: 0 .5em .5em 0;
 }
 
 .vjs-track-settings-controls button:focus,