DEV: Improve patterns per feedback

assets/javascripts/discourse/components/knowledge-explorer-topic-link.js.es6

@@ -1,7 +1,5 @@
 export default Ember.Component.extend({
   click() {
-    const topic = this.get("topic");
+    this.set("selectedTopic", this.topic.id);
-
-    this.set("selectedTopic", topic.id);
   }
 });

assets/javascripts/discourse/components/knowledge-explorer-topic.js.es6

@@ -2,8 +2,7 @@ import { default as computed } from "ember-addons/ember-computed-decorators";
 
 export default Ember.Component.extend({
   classNames: "knowledge-explorer-topic",
-  @computed("topic")
+  originalPostContent: Ember.computed.readOnly(
-  originalPostContent(topic) {
+    "topic.post_stream.posts.firstObject.cooked"
-    return topic.post_stream.posts[0].cooked;
+  )
-  }
 });

assets/javascripts/discourse/templates/knowledge-explorer.hbs

@@ -3,7 +3,11 @@
     {{knowledge-explorer-topic topic=topic}}
   {{else}}
     <div class="knowledge-explorer-search">
-      {{knowledge-explorer-search searchResults=searchResults searchTerm=searchTerm filterTags=filterTags}}
+      {{knowledge-explorer-search 
+        searchResults=searchResults 
+        searchTerm=searchTerm 
+        filterTags=filterTags
+      }}
     </div>
     <div class="knowledge-explorer-browse">
       {{knowledge-explorer-tag-list
@@ -16,10 +20,16 @@
           <div class="result-count no-result">{{i18n 'search.no_results'}}</div>
         {{else}}
           <div class="result-count">{{i18n 'knowledge_explorer.search.results' count=searchCount}}</div>
-          {{knowledge-explorer-topic-list topics=searchResults selectedTopic=selectedTopic}}
+          {{knowledge-explorer-topic-list 
+            topics=searchResults 
+            selectedTopic=selectedTopic
+          }}
         {{/if}}
       {{else}}
-        {{knowledge-explorer-topic-list topics=topics selectedTopic=selectedTopic}}
+        {{knowledge-explorer-topic-list 
+          topics=topics 
+          selectedTopic=selectedTopic
+        }}
       {{/if}}
       </div>
     </div>

assets/stylesheets/common/knowledge-explorer.scss

@@ -3,21 +3,21 @@
     width: 80%;
     margin: 0 auto;
     .knowledge-explorer-nav-link {
-      font-weight: bold;
+      font-weight: 700;
       &.return {
-        font-size: .8em;
+        font-size: $font-down-1;
         &::before {
           content: "«";
-          margin-right: 3px;
+          margin-right: 5px;
         }
       }
       &.more {
         float: right;
-        font-size: 1.2em;
+        font-size: $font-up-1;
         padding: 10px 0;
         &::after {
           content: "»";
-          margin-left: 3px;
+          margin-left: 5px;
         }
       }
     }

assets/stylesheets/mobile/knowledge-explorer.scss

@@ -1,7 +1,7 @@
 .mobile-view {
   .knowledge-explorer {
     .knowledge-explorer-topic {
-      width: calc(100vw - 35px);
+      width: calc(100vw - .75em);
       margin: 10px 0;
     }
     .knowledge-explorer-search {