diff --git a/app/assets/javascripts/discourse/views/user/activity_filter_view.js b/app/assets/javascripts/discourse/views/user/activity_filter_view.js index e80ec7919..a38375c58 100644 --- a/app/assets/javascripts/discourse/views/user/activity_filter_view.js +++ b/app/assets/javascripts/discourse/views/user/activity_filter_view.js @@ -37,11 +37,13 @@ Discourse.ActivityFilterView = Discourse.View.extend({ } var icon = this.get('icon'); + + buffer.push("<a href='#'>"); if(icon) { - buffer.push("<i class='glyph icon icon-" + icon + "'></i>"); + buffer.push("<i class='glyph icon icon-" + icon + "'></i> "); } - buffer.push("<a href='#'>" + description + + buffer.push(description + " <span class='count'>(" + count + ")</span>"); diff --git a/app/assets/stylesheets/components/navs.css.scss b/app/assets/stylesheets/components/navs.css.scss index 30da604c2..3f2ae83ac 100644 --- a/app/assets/stylesheets/components/navs.css.scss +++ b/app/assets/stylesheets/components/navs.css.scss @@ -55,6 +55,7 @@ // -------------------------------------------------- .nav-stacked { + position: relative; @extend %nav; border: 1px solid $nav-stacked-border-color; padding: 0; @@ -69,7 +70,7 @@ } > a { margin: 0; - padding: 13px; + padding: 13px 13px 13px 30px; font-weight: bold; font-size: 16px; line-height: 20px; @@ -94,17 +95,11 @@ line-height: 20px; } - .no-glyph { - a { - padding-left: 30px; - } - } - .glyph { font-size: 12px; - margin: 15px 0 0 0; width: 30px; text-align: center; - float: left; + position: absolute; + left: 2px; } }