From de6f15a5655ec0067c7529597661d391d99efd85 Mon Sep 17 00:00:00 2001
From: evykassirer <evy@zulip.com>
Date: Tue, 11 Mar 2025 10:55:40 -0700
Subject: [PATCH] settings: Move save check width to stylesheet and scale with
 font size.

---
 web/src/settings_ui.ts  |  2 +-
 web/styles/settings.css | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/settings_ui.ts b/web/src/settings_ui.ts
index 3349cfec1b..d2a783571e 100644
--- a/web/src/settings_ui.ts
+++ b/web/src/settings_ui.ts
@@ -20,7 +20,7 @@ export type RequestOpts = {
 export function display_checkmark($elem: JQuery): void {
     const $check_mark = $("<img>");
     $check_mark.attr("src", checkbox_image);
-    $check_mark.css("width", "13px");
+    $check_mark.addClass("settings-save-checkmark");
     $elem.prepend($check_mark);
 }
 
diff --git a/web/styles/settings.css b/web/styles/settings.css
index 9d3e388546..1b7f2c6783 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -590,7 +590,8 @@ input[type="checkbox"] {
 }
 
 .alert-notification {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
     vertical-align: top;
     height: auto !important;
     width: auto !important;
@@ -619,8 +620,8 @@ input[type="checkbox"] {
     }
 
     .loading_indicator_spinner {
-        width: 13px;
-        height: 20px;
+        width: 0.9283em; /* 13px at 14px/em */
+        height: 1.4286em; /* 20px at 14px/em */
         margin: 0;
     }
 
@@ -640,6 +641,10 @@ input[type="checkbox"] {
         vertical-align: middle;
         margin-top: -2px;
     }
+
+    .settings-save-checkmark {
+        width: 0.9285em; /* 13px at 14px/em */
+    }
 }
 
 #profile-field-settings #admin-add-profile-field-status {