From 608521257443389190eeaaea8e01f41dac440451 Mon Sep 17 00:00:00 2001
From: Shubham Padia <shubham@zulip.com>
Date: Tue, 2 Jul 2024 18:14:01 +0000
Subject: [PATCH] settings: Make change language button similar to other
 settings buttons.

We've removed the pencil icon and removed the `.small` class from the
button.
This setting button is being used in two places: Changing your personal
language and changing the org-wide language for emails. That is why
we have used the `Change the language` generic tooltip instead of
`Change your language` tooltip.
---
 web/styles/settings.css                              | 1 +
 web/templates/settings/language_selection_widget.hbs | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/styles/settings.css b/web/styles/settings.css
index d5a3663b55..20590c549d 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -563,6 +563,7 @@ input[type="checkbox"] {
 .language_selection_widget .language_selection_button {
     text-decoration: none;
     color: hsl(0deg 0% 20%);
+    min-width: 0;
 
     .fa.fa-pencil {
         margin-left: 5px;
diff --git a/web/templates/settings/language_selection_widget.hbs b/web/templates/settings/language_selection_widget.hbs
index 80345235b7..c1a9476e14 100644
--- a/web/templates/settings/language_selection_widget.hbs
+++ b/web/templates/settings/language_selection_widget.hbs
@@ -5,8 +5,7 @@
         {{> ../help_link_widget link=help_link_widget_link }}
         {{/if}}
     </label>
-    <button type="button" class="language_selection_button button rounded small" data-section="{{section_name}}">
+    <button type="button" class="language_selection_button button rounded tippy-zulip-delayed-tooltip" data-section="{{section_name}}" data-tippy-content="{{t 'Change language' }}">
         <span class="{{section_name}}" data-language-code="{{language_code}}">{{setting_value}}</span>
-        <i class="fa fa-pencil"></i>
     </button>
 </div>