From 0f30c93a2fd0dea3f365a5155b5c25dfeaa05b49 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 1 Nov 2024 14:11:53 -0500
Subject: [PATCH] left_sidebar: Solidify grid placement of filter-clearing
 button.

---
 web/styles/left_sidebar.css | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index fc97e9c401..1e19cbf620 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -81,11 +81,10 @@
         margin: 3px 0;
 
         .clear_search_button {
-            grid-area: row-content;
-            justify-self: self-end;
+            grid-area: clear-button;
             /* Override app-component positioning. */
             position: static;
-            padding-right: 4px;
+            padding: 0;
         }
     }
 
@@ -1098,12 +1097,11 @@ li.top_left_scheduled_messages {
 
 .topic_search_section {
     grid-template-columns:
-        var(--left-sidebar-toggle-width-offset) 0 0 [filter-box-start] minmax(
-            0,
-            1fr
-        )
+        var(--left-sidebar-toggle-width-offset) 0 0
+        [filter-box-start] minmax(0, 1fr)
         minmax(0, max-content)
-        30px [filter-box-end] 0;
+        [clear-button-start] var(--left-sidebar-vdots-width)
+        [clear-button-end filter-box-end] 0;
 }
 
 .topic-box .zero_count {