Merge branch 'Badge-Design' into #11dashboard_new

app/app.css

@@ -18,6 +18,22 @@ body {
     background-color:#999;
 }
 
+.badge {
+    border-radius: 100%;
+    width: 22px;
+    height: 22px;
+    padding: 0;
+    position: absolute;
+    z-index: 1;
+    line-height: 19px;
+    top: 4px;
+    left: 2px;
+    background-color: rgba(220, 112, 0, 1);
+    border: 2px solid #a61229;
+    font-family: 'robotomedium';
+    font-weight: normal;
+}
+
 .form-control {
     box-shadow:none;
     border-radius:0;

app/shared/templates/directives/header-notification.html

 <ul class="nav navbar-top-links navbar-right">
     <li class="dropdown">
         <a class="dropdown-toggle" data-toggle="dropdown">
-
-            <span class="fa-stack">
-                <i class="fa fa-envelope fa-fw fa-stack-1x"></i>
-                <i class="fa fa-stack-1x fa-fw">1</i>
-            </span>
-            <i class="fa fa-caret-down"></i>
-
+        	<div class="badge">+9</div>
+            <i class="fa fa-envelope fa-fw"></i>  <i class="fa fa-caret-down"></i>
         </a>
         <ul class="dropdown-menu dropdown-messages">
             <li>
@@ -65,6 +60,7 @@
     <!-- /.dropdown -->
     <li class="dropdown">
         <a class="dropdown-toggle" data-toggle="dropdown">
+        	<div class="badge">5</div>
             <i class="fa fa-bell fa-fw"></i>  <i class="fa fa-caret-down"></i>
         </a>
         <!--<ul class="dropdown-menu dropdown-alerts">-->