From cccf40e65f000544372f99b77089afdc573138f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Jakes=CC=8C?= <jan@jakes.pro>
Date: Sun, 29 Jul 2018 15:06:28 +0200
Subject: [PATCH] Use notice close button from WP

Notice close button looked different than the WP-native one. This reuses the WP button.

[MAILPOET-1448]
---
 assets/css/src/notice.styl | 7 -------
 assets/js/src/notice.js    | 4 ++--
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/assets/css/src/notice.styl b/assets/css/src/notice.styl
index 446d088a04..cf7fe8a574 100644
--- a/assets/css/src/notice.styl
+++ b/assets/css/src/notice.styl
@@ -1,10 +1,3 @@
 .mailpoet_notice
   position: relative
   clear: both
-
-.mailpoet_notice_close
-  position: absolute
-  right: 0.5em
-  top: 0.5em
-  color: #999
-  text-decoration: none !important
diff --git a/assets/js/src/notice.js b/assets/js/src/notice.js
index 4382b5e3e4..57ab849c92 100644
--- a/assets/js/src/notice.js
+++ b/assets/js/src/notice.js
@@ -172,8 +172,8 @@ define('notice', ['mailpoet', 'jquery'], function (mp, jQuery) { // eslint-disab
       }
 
       if (this.options.hideClose === false) {
-        this.element.append('<a href="javascript:;" class="mailpoet_notice_close"><span class="dashicons dashicons-dismiss"></span></a>');
-        this.element.find('.mailpoet_notice_close').on('click', function () { // eslint-disable-line func-names
+        this.element.append('<button type="button" class="notice-dismiss"><span class="screen-reader-text">Dismiss this notice.</span></button>');
+        this.element.find('.notice-dismiss').on('click', function () { // eslint-disable-line func-names
           jQuery(this).trigger('close');
         });
       }