From 4e29bfbd24b203c3c0ad2773cdcf2f10c2bb2898 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Wed, 16 Nov 2022 09:14:10 -0600
Subject: [PATCH] feat: group videos closer together

---
 src/components/Room/PeerVideo.tsx        | 1 +
 src/components/Room/RoomVideoDisplay.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Room/PeerVideo.tsx b/src/components/Room/PeerVideo.tsx
index e6aca28..95f7aed 100644
--- a/src/components/Room/PeerVideo.tsx
+++ b/src/components/Room/PeerVideo.tsx
@@ -71,6 +71,7 @@ export const PeerVideo = ({
           : {
               width: `calc(${sizePercent}% - 1em)`,
               height: `calc(${sizePercent}% - 1em)`,
+              my: 1,
             }),
         ...(selectedPeerStream &&
           !isSelectedVideo && {
diff --git a/src/components/Room/RoomVideoDisplay.tsx b/src/components/Room/RoomVideoDisplay.tsx
index cabf07d..f4bf7fe 100644
--- a/src/components/Room/RoomVideoDisplay.tsx
+++ b/src/components/Room/RoomVideoDisplay.tsx
@@ -139,7 +139,7 @@ export const RoomVideoDisplay = ({ userId }: RoomVideoDisplayProps) => {
       )}
       <Box
         sx={{
-          alignContent: 'space-around',
+          alignContent: 'center',
           display: 'flex',
           flexDirection: 'row',
           flexGrow: 1,