From 22452336187d48c2a546934ec1148a03402db1dc Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Wed, 17 Feb 2021 12:35:00 +0530
Subject: [PATCH] fix: the width of time stamp in notification. (#1791)

Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
---
 .../notifications/components/NotificationTable.vue  | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue b/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
index 6521b2551..702c0ef76 100644
--- a/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
+++ b/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
@@ -49,10 +49,12 @@
               :username="notificationItem.primary_actor.meta.assignee.name"
             />
           </td>
-          <td class="text-right timestamp--column">
-            <span class="notification--created-at">
-              {{ dynamicTime(notificationItem.created_at) }}
-            </span>
+          <td>
+            <div class="text-right timestamp--column">
+              <span class="notification--created-at">
+                {{ dynamicTime(notificationItem.created_at) }}
+              </span>
+            </div>
           </td>
           <td>
             <div
@@ -191,7 +193,8 @@ export default {
 }
 
 .timestamp--column {
-  width: 12rem;
+  min-width: 13rem;
+  text-align: right;
 }
 
 .notification--message-title {