From 36d72401189a304a9481e4fd1a41abf3263bc88e Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 26 Feb 2018 20:47:39 +0100
Subject: [PATCH] header nav-unread

---
 src/_includes/header.html              |  8 ++------
 src/assets/scss/dashboard/_header.scss | 10 ++++++++--
 src/assets/scss/dashboard/_nav.scss    |  3 +--
 src/maps.html                          |  2 +-
 4 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/_includes/header.html b/src/_includes/header.html
index 817202b43..18872a1ea 100644
--- a/src/_includes/header.html
+++ b/src/_includes/header.html
@@ -9,13 +9,9 @@
 				<div class="nav-item">
 					<a href="{{ site.github_url }}" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
 				</div>
-				<a class="nav-link d-none d-md-flex icon">
-					<i class="fe fe-maximize"></i>
-				</a>
 				<div class="dropdown d-none d-md-flex">
 					<a class="nav-link icon" data-toggle="dropdown">
 						<i class="fe fe-message-square"></i>
-						<span class="badge badge-pill badge-danger">1</span>
 					</a>
 					<div class="dropdown-menu dropdown-menu-right">
 						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
@@ -25,14 +21,14 @@
 				<div class="dropdown d-none d-md-flex">
 					<a class="nav-link icon" data-toggle="dropdown">
 						<i class="fe fe-bell"></i>
-						<span class="badge badge-pill badge-danger">10</span>
+						<span class="nav-unread"></span>
 					</a>
 					<div class="dropdown-menu dropdown-menu-right">
 						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
 						delectus dolore dolores maxime nesciunt qui quia totam.
 					</div>
 				</div>
-				<div class="dropdown">
+				<div class="dropdown ml-3">
 					<a href="#" class="nav-link" data-toggle="dropdown">
 						<span class="avatar" style="background-image: url({{ site.base }}/{{ user.photo }})"></span>
 						<span class="ml-2 d-none d-lg-block">
diff --git a/src/assets/scss/dashboard/_header.scss b/src/assets/scss/dashboard/_header.scss
index 5a42a946a..40ea9d06b 100644
--- a/src/assets/scss/dashboard/_header.scss
+++ b/src/assets/scss/dashboard/_header.scss
@@ -42,8 +42,14 @@
 	}
 }
 
-.bg-header {
-	background: $header-bg !important;
+.nav-unread {
+	position: absolute;
+	top: .25rem;
+	right: .25rem;
+	background: $red;
+	width: .5rem;
+	height: .5rem;
+	border-radius: 50%;
 }
 
 .navbar-brand {
diff --git a/src/assets/scss/dashboard/_nav.scss b/src/assets/scss/dashboard/_nav.scss
index 8363dfdad..6ff66bac6 100644
--- a/src/assets/scss/dashboard/_nav.scss
+++ b/src/assets/scss/dashboard/_nav.scss
@@ -46,7 +46,6 @@
 		}
 
 		&:hover {
-
 			.nav-submenu {
 				display: block;
 			}
@@ -88,4 +87,4 @@
 .nav-link {
 	display: block;
 	padding: 0.25rem 0.75rem;
-}
\ No newline at end of file
+}
diff --git a/src/maps.html b/src/maps.html
index 5e173a769..ee5752194 100644
--- a/src/maps.html
+++ b/src/maps.html
@@ -24,7 +24,7 @@ layout: default
 				<div class="col-6">
 					{% include cards/map-metro.html %}
 				</div>
-				<div class="col-6">2</div>
+				<div class="col-6"></div>
 			</div>
 		</div>
 	</div>