From a1e31a44bdc73e0b5f7b2b84d3c2a326886230ae Mon Sep 17 00:00:00 2001
From: evykassirer <evy@zulip.com>
Date: Wed, 6 Nov 2024 17:47:17 -0800
Subject: [PATCH] buddy_list: Tweak spacing of rows, line-height, and circle
 placement.

This commit adds more space between rows, increases the line height
so that the status message doesn't touch the status emoji, and makes
the status circle a little bigger.
---
 web/styles/app_variables.css |  2 +-
 web/styles/right_sidebar.css | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index b3b5a36d1e..5fe47310c3 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -276,7 +276,7 @@
        the smaller line-height. */
     --line-height-sidebar-row-prominent: 1.7142em; /* 24px / 14px em */
     --line-height-sidebar-row: 1.5714em; /* 22px / 14px em */
-    --line-height-sidebar-row-with-avatars: 1.2857em; /* 18px / 14px em */
+    --line-height-sidebar-row-with-avatars: 1.3571em; /* 19px / 14px em */
 
     /* Right sidebar */
     --right-sidebar-padding-right: 8px;
diff --git a/web/styles/right_sidebar.css b/web/styles/right_sidebar.css
index 6b36a4050c..e6d03c61c2 100644
--- a/web/styles/right_sidebar.css
+++ b/web/styles/right_sidebar.css
@@ -168,10 +168,10 @@ $user_status_emoji_width: 24px;
     .user_sidebar_entry.with_avatar .user_circle {
         display: inline-block;
         position: absolute;
-        width: 0.4em;
-        height: 0.4em;
-        top: 1.6em;
-        left: 1.6em;
+        width: 0.5em;
+        height: 0.5em;
+        top: 1.7em;
+        left: 1.7em;
 
         &.user_circle_idle {
             background: linear-gradient(
@@ -273,7 +273,7 @@ $user_status_emoji_width: 24px;
         );
 
     .selectable_sidebar_block {
-        margin: 2px;
+        margin: 4px;
     }
 
     .unread_count:not(.hide) {