fix(captions-setting): lack of responsiveness

videojs · May 29, 2023 · ef6633d · ef6633d
1 parent c5fb0e2
commit ef6633d
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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,