Added user interface for lastN (only peers in lastN are visible, others stay in HiddenPeers component)

app/stylus/components/HiddenPeersView.styl

@@ -0,0 +1,65 @@
+[data-component='HiddenPeersView'] {
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	> .info {
+		$backgroundTint = #000;
+		position: absolute;
+		z-index: 10;
+		top: 0.6vmin;
+		left: 0.6vmin;
+		bottom: 0;
+		right: 0;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+	> .view-container {
+		width: 12vmin;
+    height: 9vmin;
+    position: absolute;
+    bottom: 3%;
+    right: 3%;
+		color: #aaa;
+		background-image: url('/resources/images/buddy.svg');
+		background-color: rgba(#2a4b58, 1);
+		background-position: bottom;
+		background-size: auto 85%;
+		background-repeat: no-repeat;
+		text-align: center;
+		vertical-align: middle;
+		line-height: 1.8vmin;
+		font-size: 1.7vmin;
+	}
+	.view-container>p{
+		transform: translate(0%,50%);
+	}
+	.view-container,
+	.view-container::before,
+	.view-container::after {
+	  /* Add shadow to distinguish sheets from one another */
+	  box-shadow: 2px 1px 1px rgba(0,0,0,0.15);
+	}
+	.view-container::before,
+  .view-container::after {
+	  content: "";
+	  position: absolute;
+	  width: 100%;
+	  height: 100%;
+	  background-color: #2a4b58;
+	}
+	/* Second sheet of paper */
+	.view-container::before {
+	  left: .7vmin;
+	  top: .7vmin;
+	  z-index: -1;
+	}
+	/* Third sheet of paper */
+	.view-container::after {
+	  left: 1.4vmin;
+	  top: 1.4vmin;
+	  z-index: -2;
+	}
+}

app/stylus/index.styl

@@ -47,6 +47,7 @@ body {
 @import './components/Peers';
 @import './components/Peer';
 @import './components/PeerView';
+@import './components/HiddenPeersView';
 @import './components/ScreenView';
 @import './components/Notifications';
 @import './components/Chat';