From 95e95adfc8580afddcbe21ca488d76d1e800e4b5 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 2 Oct 2020 12:27:52 +0100
Subject: [PATCH] Add close icon to modals

---
 .../src/components/common/Modal/Modal.svelte        | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/builder/src/components/common/Modal/Modal.svelte b/packages/builder/src/components/common/Modal/Modal.svelte
index 802297d728..2193dc0a9f 100644
--- a/packages/builder/src/components/common/Modal/Modal.svelte
+++ b/packages/builder/src/components/common/Modal/Modal.svelte
@@ -51,6 +51,7 @@
         <div class="content-wrapper" on:click|self={hide}>
           <div class="content" class:wide>
             <slot />
+            <i class="ri-close-line" on:click={hide} />
           </div>
         </div>
       </div>
@@ -113,4 +114,16 @@
   .content.wide {
     flex: 0 0 600px;
   }
+
+  i {
+    position: absolute;
+    top: var(--spacing-xl);
+    right: var(--spacing-xl);
+    color: var(--ink);
+    font-size: var(--font-size-xl);
+  }
+  i:hover {
+    color: var(--grey-6);
+    cursor: pointer;
+  }
 </style>