Sidebar styling improvements

app/stylus/components/FullScreenView.styl

@@ -8,7 +8,7 @@
 
 	> .controls {
 		position: absolute;
-		z-index: 201;
+		z-index: 210;
 		right: 0;
 		top: 0;
 		display: flex;
@@ -53,7 +53,7 @@
 
 	.incompatible-video {
 		position: absolute;
-		z-index: 2
+		z-index: 10;
 		top: 0;
 		bottom: 0;
 		left: 0;

app/stylus/components/FullView.styl

@@ -16,7 +16,7 @@
 		$backgroundTint = #000;
 
 		position: absolute;
-		z-index: 5
+		z-index: 10;
 		top: 0.6vmin;
 		left: 0.6vmin;
 		bottom: 0;

app/stylus/components/Notifications.styl

@@ -1,6 +1,6 @@
 [data-component='Notifications'] {
 	position: absolute;
-	z-index: 9999;
+	z-index: 1010;
 	pointer-events: none;
 	top: 0;
 	right: 65px;

app/stylus/components/Peer.styl

@@ -195,7 +195,7 @@
 
 	.incompatible-video {
 		position: absolute;
-		z-index: 2
+		z-index: 10;
 		top: 0;
 		bottom: 0;
 		left: 0;

app/stylus/components/PeerView.styl

@@ -16,7 +16,7 @@
 		$backgroundTint = #000;
 
 		position: absolute;
-		z-index: 5
+		z-index: 10;
 		top: 0.6vmin;
 		left: 0.6vmin;
 		bottom: 0;

app/stylus/components/Room.styl

@@ -94,7 +94,7 @@
 		> .room-link-wrapper {
 			pointer-events: none;
 			position: absolute;
-			z-index: 1;
+			z-index: 10;
 			top: 0;
 			left: 0;
 			right: 0;
@@ -141,7 +141,7 @@
 
 		> .me-container {
 			position: fixed;
-			z-index: 100;
+			z-index: 110;
 			overflow: hidden;
 			box-shadow: 0px 5px 12px 2px rgba(#111, 0.5);
 			transition-property: border-color;
@@ -171,8 +171,9 @@
 		top: 0;
 		right: 0;
 		height: 100%;
-		background-color: rgba(0,0,0,0.1);
+		background-color: rgba(50, 50, 50, 0.9);
 		transition: width 0.3s;
+		z-index: 1000;
 	
 		&.open {
 			width: 25%;
@@ -245,7 +246,7 @@
 	position: absolute;
 	top: 100%;
 	width: 100%;
-	z-index: 1000;
+	z-index: 120;
 	-webkit-overflow-scrolling: touch;
 }
 

app/stylus/components/ScreenView.styl

@@ -16,7 +16,7 @@
 		$backgroundTint = #000;
 
 		position: absolute;
-		z-index: 5
+		z-index: 10;
 		top: 0.6vmin;
 		left: 0.6vmin;
 		bottom: 0;

app/stylus/components/Sidebar.styl

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

app/stylus/components/ToolArea.styl

@@ -1,6 +1,6 @@
 [data-component='ToolAreaButton'] {
 	position: absolute;
-	z-index: 101;
+	z-index: 1000;
 	right: 0;
 	height: 36px;
 	width: 36px;