diff --git a/src/lib/viewers/media/Dash.scss b/src/lib/viewers/media/Dash.scss index 0ef00f834..684decbfc 100644 --- a/src/lib/viewers/media/Dash.scss +++ b/src/lib/viewers/media/Dash.scss @@ -4,9 +4,9 @@ video { cursor: none; display: block; - min-width: 460px; max-height: 100%; max-width: 100%; + min-width: 460px; width: 100%; } diff --git a/src/lib/viewers/media/MediaControls.scss b/src/lib/viewers/media/MediaControls.scss index a7e54bf4d..cfa44a026 100644 --- a/src/lib/viewers/media/MediaControls.scss +++ b/src/lib/viewers/media/MediaControls.scss @@ -165,16 +165,14 @@ .bp-media-controls-cc-icon-text { background-color: rgba($black, .3); // Anything less than .3 looks too transparent on IE/Edge border-radius: 4px; - bottom: 2px; color: $white; display: inline-block; font-size: 12px; font-weight: 600; - height: 22px; + height: 24px; letter-spacing: .1em; - line-height: 22px; + line-height: 24px; padding: 0 0 0 1px; // Padding left 1px because text isn't perfectly centered on Safari/Firefox even with text-align:center. Looks fine with extra-padding on Chrome/IE/Edge - position: relative; // For lining up the bottom with other buttons in the controls bar width: 24px; &:hover {