diff --git a/app/assets/javascripts/app/views/hovercard_view.js b/app/assets/javascripts/app/views/hovercard_view.js index dc8e4cf82..5bbd2f8b1 100644 --- a/app/assets/javascripts/app/views/hovercard_view.js +++ b/app/assets/javascripts/app/views/hovercard_view.js @@ -14,7 +14,7 @@ app.views.Hovercard = Backbone.View.extend({ this.dropdown_container = this.$('#hovercard_dropdown_container'); this.hashtags = this.$('.hashtags'); this.person_link = this.$('a.person'); - this.person_handle = this.$('p.handle'); + this.person_handle = this.$('div.handle'); this.active = true; }, diff --git a/app/assets/stylesheets/hovercard.css.scss b/app/assets/stylesheets/hovercard.css.scss index eb16b7a11..b3b7622b9 100644 --- a/app/assets/stylesheets/hovercard.css.scss +++ b/app/assets/stylesheets/hovercard.css.scss @@ -30,11 +30,11 @@ $image_width: 80px; /* including margin */ - & > h4, & > div, & > p { + & > h4, & > div { margin-left: $image_width; } - & > h4, & > div, & > p, .hashtags { + & > h4, & > div, .hashtags { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -59,8 +59,9 @@ } } - p { + .handle { color: $text-grey; + line-height: 18px; padding-top: 0px; margin-top: 0px; margin-bottom: 5px; @@ -78,7 +79,8 @@ width: 100%; min-height: 19px; - font-size: smaller; + font-size: 10px; + line-height: 18px; border-top: 1px solid #cccccc; diff --git a/app/assets/templates/header_tpl.jst.hbs b/app/assets/templates/header_tpl.jst.hbs index ea886f13d..b0ef0bffa 100644 --- a/app/assets/templates/header_tpl.jst.hbs +++ b/app/assets/templates/header_tpl.jst.hbs @@ -74,7 +74,7 @@

-

+