UX: gives each info its own line in search-menu-results (#7825)

UX: gives each info its own line in search-menu-results (#7825)

diff --git a/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6 b/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
index 434b3c6..026f150 100644
--- a/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
+++ b/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
@@ -149,8 +149,10 @@ createSearchResult({
     const topic = result.topic;
 
     const linkContent = [
-      this.attach("topic-status", { topic, disableActions: true }),
-      h("span.topic-title", new Highlighted(topic.fancyTitle, term)),
+      h("div.header", [
+        this.attach("topic-status", { topic, disableActions: true }),
+        h("span.topic-title", new Highlighted(topic.fancyTitle, term))
+      ]),
       this.attach("category-link", {
         category: topic.category,
         link: false
diff --git a/app/assets/stylesheets/common/base/search-menu.scss b/app/assets/stylesheets/common/base/search-menu.scss
index 6da0cdf..e29caca 100644
--- a/app/assets/stylesheets/common/base/search-menu.scss
+++ b/app/assets/stylesheets/common/base/search-menu.scss
@@ -52,6 +52,7 @@
           -moz-hyphens: auto;
           -webkit-hyphens: auto;
           hyphens: auto;
+          margin-top: 0.25em;
         }
       }
     }

GitHub sha: 5bab4f80

1 Like