Merge branch 'fixes' of https://github.com/questo-ai/decentralized-video-chat into fixes

public/css/chat.css

@@ -111,7 +111,9 @@ a {
 
 #wrapper {
   display: flex;
-  flex-direction: column;
+  /* flex: 1 1 20em; */
+  /* flex-basis: 30%; */
+  flex-direction: row;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
@@ -122,8 +124,8 @@ a {
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
-  width: 65%;
-  max-height: 100%;
+  width: 100%;
+  max-height: 90vh;
   max-width: 100%;
 }
 
@@ -145,7 +147,7 @@ a {
   padding: 10px;
 }
 #remote-video:first-child:nth-last-child(1) {
-  /* -or- li:only-child { */
+  width: min(calc(80vh * 4/3), 80vw);
   max-height: 80vh;
 }
 
@@ -421,7 +423,22 @@ button:hover {
     margin: 0;
     line-height: 2rem;
   }
-
+  #wrapper {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, calc(-50% - 3rem));
+    max-height: 90%;
+    max-width: 100%;
+  }
   #remote-video {
     /* width: 75vw;
     height: calc((16/9) * 75vw); */

public/js/chat.js

@@ -202,6 +202,12 @@ var VideoChat = {
             logIt("connected");
             break;
           case "disconnected":
+            // First possibility: we disconnected from the peer
+            if (VideoChat.socket.connect().connected === false) {
+              location.reload();
+            }
+
+            // Second possibility: the peer disconnected from us
             logIt("disconnected - UUID " + uuid);
             VideoChat.remoteVideoWrapper.removeChild(
               document.querySelectorAll(`[uuid="${uuid}"]`)[0]