From e699825296bfb455f67279c1de4a8be4f4510daa Mon Sep 17 00:00:00 2001
From: Vector73 <v.shm.kunal@gmail.com>
Date: Thu, 4 Jul 2024 09:15:07 +0530
Subject: [PATCH] compose_typeahead: Fix position of unsubscribed icon.

Fixes position of unsubscribed icon so that it appears in the same line
as the list item of the typeahead and prevent typeahead to increase in
width when the icon is shown.
---
 web/styles/zulip.css                  | 5 +++--
 web/templates/typeahead_list_item.hbs | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 43ee817f59..34cf14af24 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -1360,7 +1360,7 @@ div.focused-message-list {
 
     .active {
         .unsubscribed_icon {
-            display: block;
+            visibility: visible;
             float: right;
             margin-top: 5px;
             color: hsl(96deg 7% 73%);
@@ -1368,7 +1368,8 @@ div.focused-message-list {
     }
 
     .unsubscribed_icon {
-        display: none;
+        visibility: hidden;
+        font-size: 0.8em;
     }
 }
 
diff --git a/web/templates/typeahead_list_item.hbs b/web/templates/typeahead_list_item.hbs
index ae807caebf..234d55beb9 100644
--- a/web/templates/typeahead_list_item.hbs
+++ b/web/templates/typeahead_list_item.hbs
@@ -41,8 +41,8 @@
         {{~ secondary ~}}
     </small>
     {{~/if}}
-    {{#if is_unsubscribed}}
+</div>
+{{#if is_unsubscribed}}
     <span class="fa fa-exclamation-triangle unsubscribed_icon"
       title="{{t 'You are not currently subscribed to this channel.' }}"></span>
-    {{/if}}
-</div>
+{{/if}}