Added chat badge displaying unread messages

app/stylus/components/Chat.styl

@@ -8,7 +8,7 @@
 	right: 0;
 	width: 90vw;
 	z-index: 9999;
-	
+
 	> .launcher {
 		align-self: flex-end;
 		margin-top: 10px;
@@ -23,11 +23,12 @@
 		border-radius: 100%;
 		height: 45px;
 		width: 45px;
+		position: relative;
 
 		&.focus {
 			outline: none;
 		}
-		
+
 		&.on {
 			background-color: rgba(#fff, 0.7);
 		}
@@ -36,6 +37,17 @@
 			pointer-events: none;
 			opacity: 0.5;
 		}
+		> .badge{
+			border-radius: 50%;
+			padding: 0.7vmin;
+			top: -1vmin;
+			font-size: 1.5vmin;
+			left: -1vmin;
+			background: rgba(255,0,0,0.9);
+			color: #fff;
+			font-weight: bold;
+			position: absolute;
+		}
 	}
 }
 
@@ -105,7 +117,7 @@
 	height: 35px;
 	padding: 5px;
 	border-radius: 0 0 5px 5px;
-	
+
 	> .new-message {
 		width: 100%;
 		border: 0;
@@ -121,4 +133,3 @@
 		}
 	}
 }
-