From 1f3725457949661fe8de55c18e9289a9f1aeccb2 Mon Sep 17 00:00:00 2001
From: Arya Khochare <91268931+Aryakoste@users.noreply.github.com>
Date: Thu, 23 Nov 2023 17:18:35 +0530
Subject: [PATCH] [MM-55140] Spacing between buttons is incorrect in channel
 dropdown > convert to private channel in mobile web view (#25491)

* button gap fixed for mobile modal

* modal footer button gap fixed for mobile (Web App)

* modal footer button gap fixed for mobile (Web App).

* changes to fix ci/lint

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 webapp/channels/src/sass/components/_modal.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/webapp/channels/src/sass/components/_modal.scss b/webapp/channels/src/sass/components/_modal.scss
index edb3a6863d..951d606279 100644
--- a/webapp/channels/src/sass/components/_modal.scss
+++ b/webapp/channels/src/sass/components/_modal.scss
@@ -137,7 +137,11 @@
     }
 
     .modal-footer {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: end;
         background: var(--center-channel-bg);
+        grid-row-gap: 8px;
 
         &.modal-footer--invisible {
             overflow: hidden;