1 @media only screen and (max-width: $verySmallScreen) { 2 .welcome { 3 display: block; 4 5 #enter_room { 6 .welcome-page-button { 7 font-size: 16px; 8 left: 0; 9 text-align: center; 10 width: 100%; 11 } 12 } 13 14 .header { 15 background-color: #002637; 16 17 .insecure-room-name-warning { 18 width: 100%; 19 } 20 21 #enter_room { 22 width: 100%; 23 24 .join-meeting-container { 25 padding: 0; 26 flex-direction: column; 27 background: transparent; 28 } 29 30 .enter-room-input-container { 31 padding-right: 0; 32 margin-bottom: 10px; 33 } 34 } 35 } 36 37 .header-text-title { 38 text-align: center; 39 } 40 41 .welcome-cards-container { 42 padding: 0; 43 } 44 45 &.without-content { 46 .header { 47 height: 100%; 48 } 49 } 50 51 #moderated-meetings { 52 display: none; 53 } 54 55 .welcome-footer-row-block { 56 display: block; 57 } 58 } 59 } 60 61 .desktop-browser { 62 &.shift-right { 63 64 @media only screen and (max-width: $verySmallScreen + $sidebarWidth) { 65 66 #videoResolutionLabel { 67 display: none; 68 } 69 .vertical-filmstrip .filmstrip { 70 display: none; 71 } 72 .chrome-extension-banner { 73 display: none; 74 } 75 } 76 } 77 }