diff --git a/app/assets/javascripts/discourse/views/category_chooser_view.js b/app/assets/javascripts/discourse/views/category_chooser_view.js
index d9ab5462c..83ef194b0 100644
--- a/app/assets/javascripts/discourse/views/category_chooser_view.js
+++ b/app/assets/javascripts/discourse/views/category_chooser_view.js
@@ -27,10 +27,10 @@ Discourse.CategoryChooserView = Discourse.ComboboxView.extend({
template: function(text, templateData) {
if (!templateData.color) return text;
- var result = "" + templateData.name + "";
+ var result = "
" + templateData.name + "
";
- result += " × " + templateData.topic_count + "";
+ result += " × " + templateData.topic_count + "
";
var description = templateData.description_text;
// TODO wtf how can this be null?
diff --git a/app/assets/stylesheets/application/combobox.css.scss b/app/assets/stylesheets/application/combobox.css.scss
index 3676af5c5..6acb3d1df 100644
--- a/app/assets/stylesheets/application/combobox.css.scss
+++ b/app/assets/stylesheets/application/combobox.css.scss
@@ -1,7 +1,11 @@
.category-combobox {
+ .badge-category {
+ display: inline-block;
+ }
.topic-count {
font-size: 11px;
color: #666;
+ display: inline-block;
}
.highlighted .topic-count {
color: white;
diff --git a/app/assets/stylesheets/application/topic-list.css.scss b/app/assets/stylesheets/application/topic-list.css.scss
index d7615fdb4..87a5e7b5c 100644
--- a/app/assets/stylesheets/application/topic-list.css.scss
+++ b/app/assets/stylesheets/application/topic-list.css.scss
@@ -221,7 +221,7 @@
}
.badge-category {
float: left;
- margin: 3px 4px 0 0;
+ margin: 1px 4px 0 0;
}
.posters {
float: left;