diff --git a/web/components/ui/Statusbar/Statusbar.module.scss b/web/components/ui/Statusbar/Statusbar.module.scss index 57863c6af..009734757 100644 --- a/web/components/ui/Statusbar/Statusbar.module.scss +++ b/web/components/ui/Statusbar/Statusbar.module.scss @@ -4,23 +4,24 @@ justify-content: space-between; height: var(--status-bar-height); width: 100%; + max-height: 4vh; padding: var(--content-padding); color: var(--theme-color-components-video-status-bar-foreground); background-color: var(--theme-color-components-video-status-bar-background); font-family: var(--theme-text-display-font-family); - font-size: 11px; + font-size: 11px; font-weight: 400; } .onlineMessage { - letter-spacing: .5px; + letter-spacing: 0.5px; } .viewerCount { - vertical-align: middle; + vertical-align: middle; } .viewerIcon { - display: inline-block; - margin-right: .5rem; + display: inline-block; + margin-right: 0.5rem; } diff --git a/web/components/video/OwncastPlayer/OwncastPlayer.module.scss b/web/components/video/OwncastPlayer/OwncastPlayer.module.scss index 3283165a7..0b0e5bc2f 100644 --- a/web/components/video/OwncastPlayer/OwncastPlayer.module.scss +++ b/web/components/video/OwncastPlayer/OwncastPlayer.module.scss @@ -17,7 +17,7 @@ // padding-right: 320px; } - //set height of player for tablet + // set height of player for tablet @include screen(tablet) { height: var(--player-container-height); max-height: var(--player-container-height); @@ -32,6 +32,6 @@ } .embedded { - height: 100vh; + height: 96vh; // Leave room for the status bar max-height: unset; }