more layout fixes for 1on1 calls

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

css/style.css

@@ -84,6 +84,9 @@
 	-webkit-align-self: stretch;
 	align-self: stretch;
 }
+#videos .videoContainer {
+    padding: 2%;
+}
 
 video {
 	width: 100%;
@@ -103,6 +106,14 @@ video {
 .participants-2 #videos {
 	height: 100%;
 }
+.participants-2 .videoContainer,
+.videoContainer.speaking {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	padding: 0;
+}
 .participants-1 .videoView,
 .participants-2 .videoView {
 	position: absolute;
@@ -111,13 +122,7 @@ video {
 	right: 0;
 	bottom: 0;
 	z-index: 10;
-}
-.participants-2 .videoContainer,
-.videoContainer.speaking {
-	position: relative;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
+	padding: 0;
 }
 
 #app-content.participants-2,