From 20d6dd110ac98d23cf0c13dbbedd79c4a48bbe64 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 17 May 2024 15:08:42 -0500
Subject: [PATCH] left_sidebar: Align more-topics indicator on topic grid.

---
 web/styles/left_sidebar.css | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index b353ce9e0323f..fa512c64f5d44 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -768,7 +768,8 @@ li.top_left_scheduled_messages {
 .left-sidebar-navigation-label-container,
 .dm-box,
 .subscription_block,
-.topic-box {
+.topic-box,
+.searching-for-more-topics {
     display: grid;
     align-items: center;
     /* This general pattern of elements applies to every single row in the left
@@ -918,7 +919,8 @@ li.top_left_scheduled_messages {
     }
 }
 
-.topic-box {
+.topic-box,
+.searching-for-more-topics {
     /* Padding from original .topic-box definition. */
     padding-top: 1px;
     grid-template-columns:
@@ -953,6 +955,11 @@ li.top_left_scheduled_messages {
     text-overflow: ellipsis;
 }
 
+.searching-for-more-topics img {
+    height: 16px;
+    grid-area: row-content;
+}
+
 .sidebar-topic-check {
     grid-area: starting-anchor-element;
     font-size: 15px;
@@ -1396,11 +1403,6 @@ li.topic-list-item {
     margin-right: 30px;
 }
 
-.searching-for-more-topics img {
-    height: 16px;
-    margin-left: 6px;
-}
-
 .zoom-in {
     .narrow-filter > .bottom_left_row {
         position: sticky;