From f6314501a239c59648ec238e23f1d631d9bac231 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Mon, 7 Nov 2022 21:19:11 -0600
Subject: [PATCH] feat: import peer video layout

---
 src/components/Room/PeerVideo.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Room/PeerVideo.tsx b/src/components/Room/PeerVideo.tsx
index 980642c..7099e09 100644
--- a/src/components/Room/PeerVideo.tsx
+++ b/src/components/Room/PeerVideo.tsx
@@ -54,15 +54,19 @@ export const PeerVideo = ({
         playsInline
         ref={videoRef}
         style={{
-          borderRadius: '1.25em',
+          borderRadius: '.25em',
           overflow: 'auto',
-          padding: '1em',
+          marginLeft: 'auto',
+          marginRight: 'auto',
+          height: '100%',
           ...(isSelf && {
             transform: 'rotateY(180deg)',
           }),
         }}
       />
-      <PeerNameDisplay sx={{ textAlign: 'center', display: 'block' }}>
+      <PeerNameDisplay
+        sx={{ textAlign: 'center', display: 'block', marginTop: '1em' }}
+      >
         {userId}
       </PeerNameDisplay>
     </Paper>