Fine tune z-index

app/stylus/components/FileSharing.styl

@@ -91,5 +91,5 @@
 	align-items: center;
 	justify-content: center;
 	font-size: 2rem;
-	z-index: 2000;
+	z-index: 3000;
 }

app/stylus/components/FullScreenView.styl

@@ -4,11 +4,11 @@
 	left: 0;
 	height: 100%;
 	width: 100%;
-	z-index: 200;
+	z-index: 2000;
 
 	> .controls {
 		position: absolute;
-		z-index: 210;
+		z-index: 2020;
 		right: 0;
 		top: 0;
 		display: flex;
@@ -53,7 +53,7 @@
 
 	.incompatible-video {
 		position: absolute;
-		z-index: 10;
+		z-index: 2010;
 		top: 0;
 		bottom: 0;
 		left: 0;

app/stylus/components/Me.styl

@@ -19,7 +19,7 @@
 
 		> .controls {
 			position: absolute;
-			z-index: 10;
+			z-index: 20;
 			right: 0;
 			top: 0;
 			display: flex;

app/stylus/components/Peer.styl

@@ -42,7 +42,7 @@
 			align-items: center;
 			padding: 0.4vmin;
 			transition: opacity 0.3s;
-			z-index: 10;
+			z-index: 20;
 
 			> .icon {
 				flex: 0 0 auto;
@@ -85,7 +85,7 @@
 		}
 		> .controls {
 			position: absolute;
-			z-index: 10;
+			z-index: 20;
 			right: 0;
 			top: 0;
 			display: flex;

app/stylus/components/Sidebar.styl

@@ -1,6 +1,6 @@
 [data-component='Sidebar'] {
 	position: fixed;
-	z-index: 1000;
+	z-index: 500;
 	top: calc(50% - 60px);
 	height: 120px;
 	display: flex;