From b067acfd4a9f56047f7b7a2d3eea335e1ace8d56 Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranav@chatwoot.com>
Date: Wed, 25 Oct 2023 21:30:14 -0700
Subject: [PATCH] fix: Update the alignment of the info icon on contact info
 panel (#8216)

---
 .../routes/dashboard/conversation/contact/ContactInfo.vue   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
index a7cdfc0cf..0133ceed6 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
@@ -18,13 +18,13 @@
       </div>
 
       <div class="mt-2 w-full">
-        <div v-if="showAvatar" class="flex items-center mb-2 gap-1.5">
+        <div v-if="showAvatar" class="flex items-start mb-2 gap-1.5">
           <h3
             class="text-base text-slate-800 dark:text-slate-100 capitalize whitespace-normal my-0"
           >
             {{ contact.name }}
           </h3>
-          <div class="flex flex-row items-start gap-1">
+          <div class="flex flex-row items-center gap-1">
             <fluent-icon
               v-if="contact.created_at"
               v-tooltip.left="
@@ -55,7 +55,6 @@
         <p v-if="additionalAttributes.description" class="break-words">
           {{ additionalAttributes.description }}
         </p>
-        <social-icons :social-profiles="socialProfiles" />
         <div class="mb-3">
           <contact-info-row
             :href="contact.email ? `mailto:${contact.email}` : ''"
@@ -93,6 +92,7 @@
             emoji="🌍"
             :title="$t('CONTACT_PANEL.LOCATION')"
           />
+          <social-icons :social-profiles="socialProfiles" />
         </div>
       </div>
       <div class="flex items-center w-full mt-2 gap-2">