UX: Text & width adjustments (#9)

Author: jordanvidrine

Diff for: app/services/discourse_rewind/action/top_words.rb

@@ -5,11 +5,11 @@ module Action
     class TopWords < BaseReport
       FakeData = {
         data: [
-          { word: "what", score: 100 },
-          { word: "have", score: 90 },
+          { word: "seven", score: 100 },
+          { word: "longest", score: 90 },
           { word: "you", score: 80 },
           { word: "overachieved", score: 70 },
-          { word: "this", score: 60 },
+          { word: "assume", score: 60 },
           { word: "week", score: 50 },
         ],
         identifier: "top-words",

Diff for: assets/javascripts/discourse/components/reports/top-words/word-card.gjs

@@ -47,7 +47,7 @@ export default class WordCard extends Component {
   }
 
   get longWord() {
-    return this.args.word.length >= 7;
+    return this.args.word.length >= 5;
   }
 
   get cardStyle() {

Diff for: assets/stylesheets/common/best-posts.scss

@@ -88,6 +88,16 @@
     font-weight: normal;
     font-size: var(--font-down-1);
   }
+  .best-posts__post img {
+    max-width: 100%;
+    height: auto;
+  }
+  .best-posts__post code,
+  .best-posts__post pre {
+    font-family: var(--pixel-text);
+    font-weight: normal;
+    font-size: var(--font-down-1);
+  }
   .best-posts__metadata a {
     font-family: var(--pixel-text);
     text-transform: uppercase;