From f9f5e8f925b7400a464a7d9ce7642bed33d6fe79 Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Fri, 1 Jun 2018 20:40:51 +0100
Subject: [PATCH] Changed close button from <a> to <button>

---
 src/components/modals/Modal.jsx | 4 ++--
 src/styles/_modal.scss          | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/modals/Modal.jsx b/src/components/modals/Modal.jsx
index e2e24a3a..2a4a97c9 100644
--- a/src/components/modals/Modal.jsx
+++ b/src/components/modals/Modal.jsx
@@ -32,12 +32,12 @@ class Modal extends React.Component {
           <header className="maputnik-modal-header">
             <h1 className="maputnik-modal-header-title">{this.props.title}</h1>
             <span className="maputnik-modal-header-space"></span>
-            <a className="maputnik-modal-header-toggle"
+            <button className="maputnik-modal-header-toggle"
               onClick={() => this.props.onOpenToggle(false)}
               data-wd-key={this.props["data-wd-key"]+".close-modal"}
             >
               <CloseIcon />
-            </a>
+            </button>
           </header>
           <div className="maputnik-modal-scroller">
             <div className="maputnik-modal-content">{this.props.children}</div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 4fe3acfa..f87a00cc 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -43,7 +43,10 @@
 }
 
 .maputnik-modal-header-toggle {
-  cursor: pointer;
+  border: none;
+  background: initial;
+  color: white;
+  padding: 0;
 }
 
 .maputnik-modal-scroller {