From f1dbf5d74d001abaebdd7a12f8f79bb4183336a9 Mon Sep 17 00:00:00 2001
From: Webifi <john@webifi.com>
Date: Mon, 5 Jun 2023 07:09:57 -0500
Subject: [PATCH] Fix mobile formatting issue

---
 src/app.scss                     | 4 ++++
 src/lib/ChatSettingsModal.svelte | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app.scss b/src/app.scss
index 1aafeca..4315ede 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -638,3 +638,7 @@ aside.menu.main-menu .menu-expanse {
 .modal .modal-content.nomax {
   max-height: none;
 }
+
+.modal.chat-settings .field-body {
+  max-width: calc(100% - 40px);
+}
diff --git a/src/lib/ChatSettingsModal.svelte b/src/lib/ChatSettingsModal.svelte
index 349820b..79f4904 100644
--- a/src/lib/ChatSettingsModal.svelte
+++ b/src/lib/ChatSettingsModal.svelte
@@ -253,7 +253,7 @@
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<div class="modal" class:is-active={showSettingsModal}>
+<div class="modal chat-settings" class:is-active={showSettingsModal}>
   <div class="modal-background" on:click={closeSettings} />
   <div class="modal-card wide" on:click={() => { showProfileMenu = false }}>
     <header class="modal-card-head">