Merge pull request #2417 from jperyl/2284-display-user-handle-in-hovercard-2

Issue #2284: simple fix

app/views/layouts/_header.html.haml

@@ -56,6 +56,7 @@
         %img.avatar
         %h4
           %a.person
+        %p.handle
         #hovercard_dropdown_container
 
         .hovercard_footer

public/javascripts/widgets/hovercard.js

@@ -16,6 +16,7 @@
           top: 13
         },
         personLink: hoverCard.find("a.person"),
+        personHandle: hoverCard.find("p.handle"),
         avatar: hoverCard.find(".avatar"),
         dropdown: hoverCard.find(".dropdown_list"),
         hashtags: hoverCard.find(".hashtags")
@@ -66,6 +67,7 @@
       self.hoverCard.avatar.attr("src", person.avatar);
       self.hoverCard.personLink.attr("href", person.url);
       self.hoverCard.personLink.text(person.name);
+      self.hoverCard.personHandle.text(person.handle);
       self.hoverCard.dropdown.attr("data-person-id", person.id);
 
       self.hoverCard.hashtags.html("");

public/stylesheets/sass/hovercard.scss

@@ -28,16 +28,23 @@
 
 
   h4 {
-    margin-bottom: 10px;
+    margin-bottom: 0px;
+    padding-bottom: 0px;
     overflow:hidden;
   }
 
-
   a {
     color: $blue;
     font-weight: bold !important;
   }
 
+  p {
+    color: #999999;
+    padding-top: 0px;
+    margin-top: 0px;
+    margin-bottom: 10px;
+  }
+
   .hovercard_footer {
     position: absolute;
     bottom: 0;