From bb4d2f5f5b722a760c38d5bdf26e4a4d12d32d25 Mon Sep 17 00:00:00 2001
From: palashb01 <palash.baderia@outlook.com>
Date: Tue, 18 Apr 2023 04:25:20 +0530
Subject: [PATCH] profile_popover: Remove the display presence dot for bots.

This commit removes the presence dot display for bots and fixes
the gap between the bot name and bot icon in the user profile
popover. It also fixes the alignment of the bot icon.

Fixes: #25066
---
 web/styles/popovers.css              | 9 ++++++++-
 web/templates/user_profile_modal.hbs | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/styles/popovers.css b/web/styles/popovers.css
index ec2517abca..928193044c 100644
--- a/web/styles/popovers.css
+++ b/web/styles/popovers.css
@@ -429,11 +429,18 @@ ul {
     }
 
     .user_profile_edit_button {
-        margin-left: 10px;
         width: 25px;
         text-align: center;
     }
 
+    .user_profile_name {
+        margin-right: 10px;
+    }
+
+    .zulip-icon.zulip-icon-bot {
+        padding: 3px 0 0;
+    }
+
     #user_profile_edit_button_icon {
         font-size: 18px;
     }
diff --git a/web/templates/user_profile_modal.hbs b/web/templates/user_profile_modal.hbs
index 8da4d6151c..d5c7e9d197 100644
--- a/web/templates/user_profile_modal.hbs
+++ b/web/templates/user_profile_modal.hbs
@@ -2,9 +2,11 @@
     <div class="modal__overlay" tabindex="-1">
         <div class="modal__container new-style" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
             <div class="modal__header">
+                {{#unless is_bot}}
                 <div class="tippy-zulip-tooltip" data-tippy-content="{{last_seen}}">
                     <span class="{{user_circle_class}} user_circle user_profile_presence"></span>
                 </div>
+                {{/unless}}
                 <h1 class="modal__title user_profile_name_heading" id="name">
                     <span class="user_profile_name">{{full_name}}</span>
                     {{#if is_bot}}