a bit more work on sizing video

css/base.css

@@ -1604,29 +1604,42 @@ img.channel {
 
 #video-container-panel {
   position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
   height: 100%;
   width: 100%;
 }
 
 .video-elem {
-  width: 50%;
-  position: relative;
   background-color: #eee;
   border-radius: 0.5rem;
-  border: 1px solid #ccc;
-  margin: 0.25rem;
-  box-sizing: content-box;
+  border: 2px solid #ccc;
 }
 
 .video-elem:hover {
   border: 2px solid #2196f3;
 }
 
+.video-elem.peer {
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 1;
+}
+
+.video-elem.self {
+  position: absolute;
+  right: 0.5rem;
+  bottom: 0.5rem;
+  width: 10rem;
+  height: 10rem;
+  z-index: 2;
+}
+
 video {
   width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
 
 /* "You" badge. */