From f2ce2e917623e131741bd0dc163734f416ff83f7 Mon Sep 17 00:00:00 2001
From: dave <starpumadev@gmail.com>
Date: Mon, 11 Feb 2019 22:35:24 -0500
Subject: #344 - replace float: with flexbox, clean up

---
 src/components/notifications/notifications.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'src/components/notifications')

diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index bc81d45c..b3364afc 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -103,6 +103,7 @@
     flex: 1 1 0;
     display: flex;
     flex-wrap: nowrap;
+    justify-content: space-between;
 
     .name-and-action {
       flex: 1;
@@ -123,8 +124,8 @@
         object-fit: contain
       }
     }
+
     .timeago {
-      float: right;
       font-size: 12px;
     }
 
-- 
cgit v1.2.3-70-g09d2


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

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

(limited to 'src/components/notifications')

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);
-- 
cgit v1.2.3-70-g09d2


From 0ea9e4ca14efeaa71da85054bd2cd2a6a5ee33de Mon Sep 17 00:00:00 2001
From: dave <starpumadev@gmail.com>
Date: Sun, 3 Mar 2019 14:15:53 -0500
Subject: #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(-)

(limited to 'src/components/notifications')

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);
-- 
cgit v1.2.3-70-g09d2