From 46c568cace71b42b84adc89825e9cfceb25b155a Mon Sep 17 00:00:00 2001
From: Sayam Samal <sayam@zulip.com>
Date: Wed, 14 May 2025 18:20:37 +0530
Subject: [PATCH] channel_settings: Fix advanced configurations subsection
 toggle area.

This commit fixes the toggleable area of the advanced configurations
subsection in the channel settings, preventing the toggle action from
interfering with the save discard widget.
---
 web/src/stream_create.ts                       | 2 +-
 web/styles/settings.css                        | 5 ++++-
 web/templates/stream_settings/stream_types.hbs | 6 ++++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/stream_create.ts b/web/src/stream_create.ts
index 73381630a0..51be3b7eb0 100644
--- a/web/src/stream_create.ts
+++ b/web/src/stream_create.ts
@@ -238,7 +238,7 @@ $("body").on(
     },
 );
 
-$("body").on("click", ".advanced-configurations-container .advance-config-title-container", (e) => {
+$("body").on("click", ".advanced-configurations-container .advance-config-toggle-area", (e) => {
     e.stopPropagation();
     toggle_advanced_configurations();
 });
diff --git a/web/styles/settings.css b/web/styles/settings.css
index bdcb409e99..ae8f65b159 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -490,8 +490,11 @@ input[type="checkbox"] {
 }
 
 .advanced-configurations-container {
-    .advance-config-title-container {
+    .advance-config-toggle-area {
         cursor: pointer;
+        display: flex;
+        align-items: center;
+        gap: 0 0.625em;
 
         .stream_setting_subsection_title {
             margin: 4px 0;
diff --git a/web/templates/stream_settings/stream_types.hbs b/web/templates/stream_settings/stream_types.hbs
index d6798a6b34..cde738fe53 100644
--- a/web/templates/stream_settings/stream_types.hbs
+++ b/web/templates/stream_settings/stream_types.hbs
@@ -45,8 +45,10 @@
 
 <div id="stream-advanced-configurations" class="advanced-configurations-container stream-permissions {{#if is_stream_edit}}settings-subsection-parent{{/if}}">
     <div class="advance-config-title-container {{#if is_stream_edit}}subsection-header{{/if}}">
-        <i class="fa fa-sm fa-caret-right toggle-advanced-configurations-icon" aria-hidden="true"></i>
-        <h4 class="stream_setting_subsection_title"><span>{{t 'Advanced configurations' }}</span></h4>
+        <div class="advance-config-toggle-area">
+            <i class="fa fa-sm fa-caret-right toggle-advanced-configurations-icon" aria-hidden="true"></i>
+            <h4 class="stream_setting_subsection_title"><span>{{t 'Advanced configurations' }}</span></h4>
+        </div>
         {{#if is_stream_edit}}
             {{> ../settings/settings_save_discard_widget section_name="stream-permissions" }}
         {{/if}}