diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss index 47d3d2b0d..25d734e74 100644 --- a/client/src/sass/player/_player-variables.scss +++ b/client/src/sass/player/_player-variables.scss @@ -11,7 +11,7 @@ $font-size: 13px; $control-bar-height: 38px; $control-bar-icon-size: 26px; -$control-bar-volume-slider-height: 14px; +$control-bar-volume-slider-height: 16px; $control-bar-slider-top: -15px; $control-bar-font-size: 14px; $control-bar-play-font-size: 34px; diff --git a/client/src/sass/player/control-bar.scss b/client/src/sass/player/control-bar.scss index d5678c012..86f51849f 100644 --- a/client/src/sass/player/control-bar.scss +++ b/client/src/sass/player/control-bar.scss @@ -370,12 +370,12 @@ @include disable-outline; cursor: pointer; - width: $control-bar-button-width - 5px; + width: $control-bar-button-width - 4px; .vjs-icon-placeholder { display: inline-block; - height: $control-bar-icon-size - 5px; - width: $control-bar-icon-size - 5px; + height: $control-bar-icon-size - 4px; + width: $control-bar-icon-size - 4px; vertical-align: middle; background: url('#{$assets-path}/player/images/settings.svg') no-repeat; background-size: contain; @@ -440,7 +440,7 @@ > .vjs-icon-placeholder::before { font-size: 2.3em; - line-height: 1.3; + line-height: 38px; } }