From b331beb40796c67f0fa92d00a8aa236f8a7b6369 Mon Sep 17 00:00:00 2001
From: Fergal Moran <fergal.moran@gmail.com>
Date: Thu, 17 Dec 2015 20:21:59 +0000
Subject: [PATCH] Navbar fixes

---
 client/app/components/navbar/navbar.html           | 11 +++++++----
 client/app/components/navbar/navbar.less           | 11 ++++++-----
 .../directives/notifications/notifications.less    | 14 +++++++++++++-
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/client/app/components/navbar/navbar.html b/client/app/components/navbar/navbar.html
index b3b35d3..ea25ac7 100755
--- a/client/app/components/navbar/navbar.html
+++ b/client/app/components/navbar/navbar.html
@@ -19,7 +19,7 @@
                     <span>Upload</span>
                 </a>
             </li>
-        </ul>n
+        </ul>
         <div class="col-sm-6 col-md-6">
             <form class="navbar-form" role="search">
                 <div class="input-group">
@@ -47,9 +47,11 @@
             </li>
 
             <li id="navbar-profile-dropdown" class="dropdown" ng-if="$root.currentUser">
-                <a href="#" class="dropdown-toggle navbar-profile-dropdown" data-toggle="dropdown">{{ $root.currentUser.display_name }}
+                <a href="#" class="dropdown-toggle navbar-profile-dropdown" data-toggle="dropdown">{{
+                    $root.currentUser.display_name }}
                     <b class="caret"></b>
-                    <img class="navbar-profile-image img-circle" ng-src="{{$root.currentUser.profile_image_small}}" alt="">
+                    <img class="navbar-profile-image img-circle" ng-src="{{$root.currentUser.profile_image_small}}"
+                         alt="">
                 </a>
                 <ul class="dropdown-menu">
                     <li>
@@ -81,7 +83,8 @@
                                             class="fa fa-twitter"></i> Twitter</a>
                                 </li>
                                 <li>
-                                    <a ng-click="doLogin('google')" class="btn btn-google"><i class="fa fa-google"></i>
+                                    <a ng-click="doLogin('google')" class="btn btn-google"><i
+                                            class="fa fa-google"></i>
                                         Google</a>
                                 </li>
                             </ul>
diff --git a/client/app/components/navbar/navbar.less b/client/app/components/navbar/navbar.less
index aac13ab..b9c7cef 100644
--- a/client/app/components/navbar/navbar.less
+++ b/client/app/components/navbar/navbar.less
@@ -52,11 +52,12 @@ nav > div.collapse.navbar-collapse > ul > li > a {
 
 .notification-label {
   position: absolute !important;
-  top: 5px !important;;
-  font-size: 11px !important;;
-  font-weight: 400 !important;;
-  padding: 0 3px !important;;
-  line-height: 14px !important;;
+  top: 5px !important;
+  left: 22px !important;
+  font-size: 11px !important;
+  font-weight: 400 !important;
+  padding: 0 3px !important;
+  line-height: 14px !important;
 }
 
 #notifications-button {
diff --git a/client/app/directives/notifications/notifications.less b/client/app/directives/notifications/notifications.less
index fae44ac..4af91cf 100644
--- a/client/app/directives/notifications/notifications.less
+++ b/client/app/directives/notifications/notifications.less
@@ -4,5 +4,17 @@
 }
 
 .notification-new {
-  font-weight: bold!important;
+  font-weight: bold !important;
 }
+
+.notification-details-profile-image {
+  float: left;
+  width: 40px;
+}
+
+.notification-details {
+  margin-left: 10px;
+  padding-left: 15px;
+  max-width: 210px;
+  overflow: hidden;
+}
\ No newline at end of file