From 0fe4b6b317951ace76ca275806734e2bc076345c Mon Sep 17 00:00:00 2001
From: Sayam Samal <sayam@zulip.com>
Date: Wed, 2 Jul 2025 07:59:37 +0530
Subject: [PATCH] settings: Scale margin of input groups with font size.

This commit adjusts the margin of input groups in settings pages to
relative `em` units to ensure that the spacing scales to accommodate
different font sizes.
---
 web/styles/settings.css      | 2 +-
 web/styles/subscriptions.css | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/styles/settings.css b/web/styles/settings.css
index 23b9c77058..4430209c70 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -362,7 +362,7 @@ select.settings_select {
 }
 
 .input-group {
-    margin: 0 0 20px;
+    margin: 0 0 1.25em; /* 20px at 16px/em */
 
     & label.checkbox + label {
         cursor: pointer;
diff --git a/web/styles/subscriptions.css b/web/styles/subscriptions.css
index 2eb9710a7b..f940484371 100644
--- a/web/styles/subscriptions.css
+++ b/web/styles/subscriptions.css
@@ -348,7 +348,7 @@ h4.user_group_setting_subsection_title {
         margin-top: 10px;
 
         .input-group {
-            margin-bottom: 20px;
+            margin-bottom: 1.25em; /* 20px at 16px/em */
 
             &.control-label-disabled {
                 width: fit-content;
@@ -1259,7 +1259,7 @@ div.settings-radio-input-parent {
 .advanced-configurations-container,
 .group-permissions {
     .input-group {
-        margin-bottom: 10px;
+        margin-bottom: 0.625em; /* 10px at 16px/em */
 
         &.message-retention-setting-group {
             & input {