fix layout of name indicators

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

css/style.css

@@ -125,6 +125,7 @@ video {
 	right: 0;
 	bottom: 0;
 	z-index: 10;
+	border-top-left-radius: 3px;
 }
 
 #app-content.participants-2,
@@ -141,17 +142,20 @@ video {
 
 .nameIndicator {
 	position: absolute;
-	bottom: 3%;
-	z-index: 5;
+	bottom: 0;
+	padding: 12px;
 	color: #fff;
 	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5), 1px -1px 2px rgba(0, 0, 0, .5), -1px 1px 2px rgba(0, 0, 0, .5), -1px -1px 2px rgba(0, 0, 0, .5);
-	width: 100%;
+	width: 70%;
 	text-align: center;
 	font-size: 20px;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
+.videoView .nameIndicator {
+	padding: 0;
+}
 
 .nameIndicator button {
 	background-color: transparent;