From cdd8d8581503832e5066fd6bc03ab500b06a8f8e Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Wed, 10 Mar 2021 10:33:45 +0530
Subject: [PATCH] Fix: Conversation timestamp and thumbnail position issue
 (#1885)

---
 .../widgets/conversation/ConversationCard.vue    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
index e9fdc62df..edf502d04 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
@@ -184,27 +184,29 @@ export default {
 
 .has-inbox-name {
   &::v-deep .user-thumbnail-box {
-    padding-top: var(--space-small);
+    margin-top: var(--space-normal);
     align-items: flex-start;
   }
+  .conversation--meta {
+    margin-top: var(--space-normal);
+  }
 }
 
 .conversation--details .label {
-  padding: var(--space-smaller) 0 var(--space-smaller) 0;
+  padding: var(--space-micro) 0 var(--space-micro) 0;
   line-height: var(--space-slab);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   background: none;
   color: var(--s-500);
   font-size: var(--font-size-mini);
 }
 
 .conversation--details {
+  .conversation--user {
+    padding-top: var(--space-micro);
+  }
   .ion-earth {
     font-size: var(--font-size-mini);
   }
-
-  .timestamp {
-    margin-top: var(--space-slab);
-  }
 }
 </style>