From fddc8a12091e2c6630d15d08e6803b3bd2d12ab0 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Fri, 21 Jan 2022 13:30:23 -0800
Subject: [PATCH] Don't center content in call ended screen

---
 src/room/CallEndedView.module.css | 5 ++++-
 src/room/LobbyView.module.css     | 8 +++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

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;
+  }
+}