From 53415ba78cd26fa86fc99e265e539ef02dd93163 Mon Sep 17 00:00:00 2001
From: Cadence Ember <cloudrac3r@vivaldi.net>
Date: Thu, 18 Jun 2020 03:24:24 +1200
Subject: [PATCH] Adjust video control icon sizes

---
 src/renderer/videoJS.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/renderer/videoJS.css b/src/renderer/videoJS.css
index c78087a0..4d14bd6f 100644
--- a/src/renderer/videoJS.css
+++ b/src/renderer/videoJS.css
@@ -167,13 +167,13 @@
   font-weight: normal;
   font-style: normal;
   position: relative;
-  top: -2px;
+  top: -3px;
 }
 .vjs-icon-cog:before {
   content: "\f110";
 }
 .video-js .vjs-icon-cog {
-  font-size: 1.8em;
+  font-size: 2em;
 }
 
 .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
@@ -778,7 +778,7 @@ body.vjs-full-window {
 }
 
 .vjs-button > .vjs-icon-placeholder:before {
-  font-size: 1.8em;
+  font-size: 2em;
   line-height: 1.67;
 }
 
@@ -814,6 +814,7 @@ body.vjs-full-window {
   align-items: center;
   min-width: 4em;
   touch-action: none;
+  z-index: 1;
 }
 
 .video-js .vjs-progress-control.disabled {
@@ -1061,6 +1062,8 @@ body.vjs-full-window {
 .vjs-volume-bar.vjs-slider-horizontal {
   width: 5em;
   height: 0.3em;
+  position: relative;
+  top: -2px;
 }
 
 .vjs-volume-bar.vjs-slider-vertical {
@@ -1242,7 +1245,7 @@ body.vjs-full-window {
 .video-js .vjs-play-control {
   cursor: pointer;
   position: relative;
-  top: 1px;
+  top: -1px;
 }
 
 .video-js .vjs-play-control .vjs-icon-placeholder {
@@ -1292,11 +1295,13 @@ video::-webkit-media-text-track-display {
   cursor: pointer;
   flex: none;
   position: relative;
-  top: 1px;
+  top: -1px;
 }
 .video-js .vjs-fullscreen-control {
   cursor: pointer;
   flex: none;
+  position: relative;
+  top: -1px;
 }
 .vjs-playback-rate > .vjs-menu-button,
 .vjs-playback-rate .vjs-playback-rate-value {
@@ -2003,10 +2008,10 @@ video::-webkit-media-text-track-display {
 
 .vjs-subs-caps-button.vjs-control {
   position: relative;
-  top: 1px;
+  top: -1px;
 }
 
 .vjs-volume-panel .vjs-mute-control {
   position: relative;
-  top: 1px;
+  top: -1px;
 }