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

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

app/assets/stylesheets/common/base/search-menu.scss

@@ -52,6 +52,7 @@
           -moz-hyphens: auto;
           -webkit-hyphens: auto;
           hyphens: auto;
+          margin-top: 0.25em;
         }
       }
     }