make left side of conversations clickable, à la birdsite

src/components/status/status.js

@@ -593,6 +593,12 @@ const Status = {
           window.scrollBy(0, rect.bottom - window.innerHeight + 50)
         }
       }
+    },
+    handleConversationClick() {
+      this.$router.push({
+        name: 'conversation',
+        params: { id: this.status.id }
+      })
     }
   },
   watch: {

src/components/status/status.scss

@@ -74,6 +74,7 @@
 
   .left-side {
     margin-right: var(--status-margin, $status-margin);
+    cursor: pointer;
   }
 
   .right-side {

src/components/status/status.vue

@@ -125,6 +125,7 @@
         <div
           v-if="!noHeading"
           class="left-side"
+          @click.self="handleConversationClick"
         >
           <a
             :href="$router.resolve(userProfileLink).href"
@@ -172,7 +173,7 @@
                 </h4>
                 <span class="nowrap">
                   <router-link
-                    class="account-name"
+                    class="account-name faint-link"
                     :title="status.user.screen_name_ui"
                     :to="userProfileLink"
                   >