From 07f05ebeadeb7fd6d8a0dde3e29cfd708a221cfd Mon Sep 17 00:00:00 2001
From: Jake Peryl <jperyl@mail.com>
Date: Thu, 17 Nov 2011 01:21:15 +0100
Subject: [PATCH] Issue #2284: simple fix

---
 app/views/layouts/_header.html.haml     |  1 +
 public/javascripts/widgets/hovercard.js |  2 ++
 public/stylesheets/sass/hovercard.scss  | 11 +++++++++--
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/views/layouts/_header.html.haml b/app/views/layouts/_header.html.haml
index 2b5e94059..b83dd2e8b 100644
--- a/app/views/layouts/_header.html.haml
+++ b/app/views/layouts/_header.html.haml
@@ -61,6 +61,7 @@
         %img.avatar
         %h4
           %a.person
+        %p.handle
         #hovercard_dropdown_container
 
         .hovercard_footer
diff --git a/public/javascripts/widgets/hovercard.js b/public/javascripts/widgets/hovercard.js
index 028fea325..080b46656 100644
--- a/public/javascripts/widgets/hovercard.js
+++ b/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("");
diff --git a/public/stylesheets/sass/hovercard.scss b/public/stylesheets/sass/hovercard.scss
index 050232196..528beeb07 100644
--- a/public/stylesheets/sass/hovercard.scss
+++ b/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;