From bcaea0a6af776bd206ba8907a54ff19e2b0cbe34 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Tue, 5 Nov 2024 10:49:00 -0500
Subject: [PATCH] left_sidebar: Better align low-attention unreads in nav area.

---
 web/styles/left_sidebar.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index 32e622ab9a..204c53e422 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -791,6 +791,30 @@ li.top_left_scheduled_messages {
     }
 }
 
+/* Low-attention unreads have no bounding box,
+   so their counters should be aligned on the
+   same baseline as the navigation label. */
+.top_left_starred_messages,
+.top_left_drafts,
+.top_left_scheduled_messages {
+    .left-sidebar-navigation-label-container {
+        align-items: baseline;
+    }
+
+    .left-sidebar-navigation-label {
+        @media screen and (resolution <= 1x) {
+            /* Owing to the baseline alignment in this
+               area, we don't need the low-res line-height
+               adjustment. */
+            line-height: inherit;
+        }
+    }
+
+    .filter-icon {
+        align-self: center;
+    }
+}
+
 .top_left_starred_messages {
     &.hide_starred_message_count {
         .masked_unread_count {