diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css index 87d9f32b3..497f2bd9e 100644 --- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css +++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css @@ -239,6 +239,21 @@ } } +@media only screen and (width >= 1000px) { + :deep(.shaka-bottom-controls) { + /* remove some bottom padding since the seek bar is above */ + padding-bottom: 0; + + /* make seekbar take full width on non-mobile devices */ + width: 100%; + } + + /* increase height of captions area since we remove the padding-bottom below the seekbar */ + :deep(.shaka-controls-container[shown='true']~.shaka-text-container) { + bottom: 12.5%; + } +} + @media only screen and (width <=1350px) { :deep(.theatre-button) { display: none;