fix: the width of time stamp in notification. (chatwoot#1791)

Co-authored-by: Nithin David Thomas <[email protected]>
RonWalker22 · Feb 17, 2021 · 2245233 · 2245233
1 parent ec1ddc0
commit 2245233
Showing 1 changed file with 8 additions and 5 deletions.
diff --git 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 {