diff --git a/src/room/CallEndedView.module.css b/src/room/CallEndedView.module.css index f08f1d2c..dcf11f04 100644 --- a/src/room/CallEndedView.module.css +++ b/src/room/CallEndedView.module.css @@ -46,7 +46,6 @@ limitations under the License. flex: 1; flex-direction: column; align-items: center; - justify-content: center; } .logo { @@ -70,4 +69,8 @@ limitations under the License. .container { min-height: calc(100% - 76px); } + + .main { + justify-content: center; + } } diff --git a/src/room/LobbyView.module.css b/src/room/LobbyView.module.css index 09bbbc0a..d205e450 100644 --- a/src/room/LobbyView.module.css +++ b/src/room/LobbyView.module.css @@ -53,7 +53,7 @@ limitations under the License. border-radius: 24px; overflow: hidden; background-color: var(--bgColor3); - margin: 40px 20px 20px 20px; + margin: 20px; } .preview video { @@ -121,3 +121,9 @@ limitations under the License. .previewButtons > :last-child { margin-right: 0px; } + +@media (min-width: 800px) { + .preview { + margin-top: 40px; + } +}