Added toggle for advanced mode. Show more info and diagnostics.

app/stylus/components/PeerView.styl

@@ -17,9 +17,9 @@
 
 		position: absolute;
 		z-index: 5
-		top: 0;
+		top: 0.6vmin;
+		left: 0.6vmin;
 		bottom: 0;
-		left: 0;
 		right: 0;
 		display: flex;
 		flex-direction: column;
@@ -31,8 +31,7 @@
 			flex-direction: row;
 
 			> .box {
-				margin: 4px;
-				padding: 2px 4px;
+				padding: 0.4vmin;
 				border-radius: 2px;
 				background-color: rgba(#000, 0.25);
 
@@ -55,15 +54,20 @@
 			display: flex;
 			flex-direction: column;
 			justify-content: flex-end;
+			position: absolute;
+			bottom: 0.6vmin;
+			left: 0;
+			border-radius: 2px;
+			background-color: rgba(#000, 0.25);
 
 			+desktop() {
 				&.is-me {
-					padding: 10px;
+					padding: 1vmin;
 					align-items: flex-start;
 				}
 
 				&:not(.is-me) {
-					padding: 20px;
+					padding: 1vmin;
 					align-items: flex-start;
 				}
 			}