From b6ee7cfefc8d75bd2aa3d426847749c5fced47ad Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Wed, 15 Dec 2021 10:05:51 -0800
Subject: [PATCH] Remove preview screen title

---
 src/Room.jsx        | 3 +--
 src/Room.module.css | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/Room.jsx b/src/Room.jsx
index b512edc..b1ed3e0 100644
--- a/src/Room.jsx
+++ b/src/Room.jsx
@@ -301,8 +301,8 @@ function RoomSetupView({
       </Header>
       <div className={styles.joinRoom}>
         <div className={styles.joinRoomContent}>
-          <h1>{roomName}</h1>
           <div className={styles.preview}>
+            <video ref={videoRef} muted playsInline disablePictureInPicture />
             {state === GroupCallState.LocalCallFeedUninitialized && (
               <p className={styles.webcamPermissions}>
                 Webcam/microphone permissions needed to join the call.
@@ -313,7 +313,6 @@ function RoomSetupView({
                 Accept webcam/microphone permissions to join the call.
               </p>
             )}
-            <video ref={videoRef} muted playsInline disablePictureInPicture />
             {state === GroupCallState.LocalCallFeedInitialized && (
               <>
                 <Button
diff --git a/src/Room.module.css b/src/Room.module.css
index 1446b9a..25de9d1 100644
--- a/src/Room.module.css
+++ b/src/Room.module.css
@@ -63,8 +63,8 @@ limitations under the License.
 
 .preview {
   position: relative;
-  max-width: 816px;
-  max-height: 75vh;
+  min-height: 280px;
+  height: 50vh;
   border-radius: 24px;
   overflow: hidden;
   background-color: var(--bgColor3);