From 5061d7ed215f73105ec55148ce8a615360e5468b Mon Sep 17 00:00:00 2001
From: Florian Duros <florianduros@element.io>
Date: Fri, 16 Dec 2022 11:37:17 +0100
Subject: [PATCH] Add styling to LinkModal.tsx

---
 .../wysiwyg_composer/components/_LinkModal.pcss   | 15 +++++++++++++++
 .../wysiwyg_composer/components/LinkModal.tsx     |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss b/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss
index 3a2851a8eb8..35f30042b84 100644
--- a/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss
+++ b/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss
@@ -16,4 +16,19 @@ limitations under the License.
 
 .mx_LinkModal {
     padding: 32px;
+
+    .mx_Dialog_content {
+        margin-top: 30px;
+        margin-bottom: 42px;
+    }
+
+    .mx_LinkModal_content {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mx_Dialog_primary {
+        // Override the default min-with of the primary button
+        min-width: 76px !important;
+    }
 }
diff --git a/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx b/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx
index d38a240d5c9..a5a78ca7925 100644
--- a/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx
+++ b/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx
@@ -67,7 +67,7 @@ export function LinkModal({ composer, isTextEnabled, onClose }: LinkModalProps)
                 onClose();
             }}
             description={
-                <>
+                <div className="mx_LinkModal_content">
                     {isTextEnabled && (
                         <Field
                             label={_td("Text")}
@@ -84,7 +84,7 @@ export function LinkModal({ composer, isTextEnabled, onClose }: LinkModalProps)
                             setFields((fields) => ({ ...fields, link: e.target.value }))
                         }
                     />
-                </>
+                </div>
             }
         />
     );