diff --git a/css/_responsive.scss b/css/_responsive.scss index 2e917d3afd..aa19b40f2f 100644 --- a/css/_responsive.scss +++ b/css/_responsive.scss @@ -31,6 +31,8 @@ @media only screen and (max-width: $verySmallScreen) { .welcome { + display: block; + #enter_room { position: relative; height: 42px; @@ -46,8 +48,7 @@ } .header { - background: #06345E; - background-image: linear-gradient(180deg, rgba(8, 110, 202, 0.8) 0%, rgba(8, 110, 202, 0) 100%); + background-color: #002637; #enter_room { .enter-room-input-container { @@ -89,6 +90,10 @@ .welcome-badge { margin-right: 16px; } + + .welcome-footer { + display: none; + } } #videoResolutionLabel { diff --git a/css/_variables.scss b/css/_variables.scss index 44ea968634..cb10cba8c5 100644 --- a/css/_variables.scss +++ b/css/_variables.scss @@ -176,7 +176,7 @@ $welcomePageBackground: none; $welcomePageTitleColor: #fff; $welcomePageHeaderBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/images/welcome-background.png'); -$welcomePageHeaderBackgroundPosition: none; +$welcomePageHeaderBackgroundPosition: center; $welcomePageHeaderBackgroundRepeat: none; $welcomePageHeaderBackgroundSize: cover; $welcomePageHeaderPaddingBottom: 0px;