From 92708f2ff5ed42c9c7aeebfa60313cdc4bfbcb76 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 12 Jan 2024 18:04:27 -0500
Subject: [PATCH] DEV: remove `:has` selector from chat settings (#25248)

---
 .../components/chat/routes/channel-info-settings.gjs        | 2 +-
 .../assets/stylesheets/common/chat-channel-settings.scss    | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/plugins/chat/assets/javascripts/discourse/components/chat/routes/channel-info-settings.gjs b/plugins/chat/assets/javascripts/discourse/components/chat/routes/channel-info-settings.gjs
index 211d791e364..6765a1a1859 100644
--- a/plugins/chat/assets/javascripts/discourse/components/chat/routes/channel-info-settings.gjs
+++ b/plugins/chat/assets/javascripts/discourse/components/chat/routes/channel-info-settings.gjs
@@ -578,7 +578,7 @@ export default class ChatRouteChannelInfoSettings extends Component {
           </form.section>
         {{/if}}
 
-        <form.section as |section|>
+        <form.section class="--leave-channel" as |section|>
           <section.row>
             <:action>
               <ToggleChannelMembershipButton
diff --git a/plugins/chat/assets/stylesheets/common/chat-channel-settings.scss b/plugins/chat/assets/stylesheets/common/chat-channel-settings.scss
index 223148c815f..716a192fc8c 100644
--- a/plugins/chat/assets/stylesheets/common/chat-channel-settings.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-channel-settings.scss
@@ -19,7 +19,9 @@
     }
   }
 
-  .chat-form__section-content:has(.c-channel-settings__leave-info) {
-    gap: 0.25rem;
+  .chat-form__section.--leave-channel {
+    .chat-form__section-content {
+      gap: 0.25rem 0.5rem;
+    }
   }
 }