From 327afd5273079effb4be967e1e63af2d080925bb Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Mon, 9 Dec 2024 17:18:51 -0500
Subject: [PATCH] user_circles: Introduce circle icons to Inbox.

---
 web/styles/inbox.css                   | 9 +++++----
 web/templates/inbox_view/inbox_row.hbs | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/styles/inbox.css b/web/styles/inbox.css
index 9006e6883c..f315998bc7 100644
--- a/web/styles/inbox.css
+++ b/web/styles/inbox.css
@@ -257,10 +257,11 @@
             }
 
             .user-circle {
-                /* size of the user activity circle */
-                /* 6px at 15px/1em */
-                min-width: 0.4em;
-                height: 0.4em;
+                /* TODO: Refactor inbox rows to use grid, to avoid the
+                   min-width here that holds the other rows to similar
+                   columns. */
+                min-width: 1em;
+                font-size: 0.5333em;
                 margin-right: 5px;
                 top: 0;
             }
diff --git a/web/templates/inbox_view/inbox_row.hbs b/web/templates/inbox_view/inbox_row.hbs
index ec271c286c..1005f02544 100644
--- a/web/templates/inbox_view/inbox_row.hbs
+++ b/web/templates/inbox_view/inbox_row.hbs
@@ -14,7 +14,7 @@
                                 {{else if is_group}}
                                 <span class="zulip-icon zulip-icon-triple-users" aria-hidden="true"></span>
                                 {{else}}
-                                <span class="{{user_circle_class}} user-circle" data-presence-indicator-user-id="{{user_ids_string}}"></span>
+                                <span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle" data-presence-indicator-user-id="{{user_ids_string}}"></span>
                                 {{/if}}
                                 <span class="recipients_name">{{{rendered_dm_with}}}</span>
                             </span>