From f392668b73ef7735036d25a8e37a76872b506322 Mon Sep 17 00:00:00 2001
From: dave <starpumadev@gmail.com>
Date: Sun, 3 Mar 2019 14:11:38 -0500
Subject: [PATCH 1/2] #418: update notification timeago format

---
 src/components/notification/notification.vue    | 6 +++++-
 src/components/notifications/notifications.scss | 4 ----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index a0a55cba..dd6cae38 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -25,7 +25,11 @@
             <small>{{$t('notifications.followed_you')}}</small>
           </span>
         </div>
-        <small class="timeago"><router-link v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }"><timeago :since="notification.action.created_at" :auto-update="240"></timeago></router-link></small>
+        <div>
+          <router-link v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }" class="faint-link">
+            <timeago :since="notification.action.created_at" :auto-update="240"></timeago>
+          </router-link>
+        </div>
       </span>
       <div class="follow-text" v-if="notification.type === 'follow'">
         <router-link :to="userProfileLink(notification.action.user)">
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index b3364afc..0aaef7a1 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -125,10 +125,6 @@
       }
     }
 
-    .timeago {
-      font-size: 12px;
-    }
-
     .icon-retweet.lit {
       color: $fallback--cGreen;
       color: var(--cGreen, $fallback--cGreen);

From 0ea9e4ca14efeaa71da85054bd2cd2a6a5ee33de Mon Sep 17 00:00:00 2001
From: dave <starpumadev@gmail.com>
Date: Sun, 3 Mar 2019 14:15:53 -0500
Subject: [PATCH 2/2] #418: update timeago margin to align with icons

---
 src/components/notification/notification.vue    | 2 +-
 src/components/notifications/notifications.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index dd6cae38..87925cfc 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -25,7 +25,7 @@
             <small>{{$t('notifications.followed_you')}}</small>
           </span>
         </div>
-        <div>
+        <div class="timeago">
           <router-link v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }" class="faint-link">
             <timeago :since="notification.action.created_at" :auto-update="240"></timeago>
           </router-link>
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 0aaef7a1..2240c10a 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -125,6 +125,10 @@
       }
     }
 
+    .timeago {
+      margin-right: .2em;
+    }
+
     .icon-retweet.lit {
       color: $fallback--cGreen;
       color: var(--cGreen, $fallback--cGreen);