Fix close button in the subscribe success message

assets/css/screen.css

@@ -2609,6 +2609,21 @@ Usage (In Ghost editor):
     transform: translateY(-175%);
 }
 
+.subscribe-success-message .subscribe-close-button {
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.subscribe-success-message .subscribe-close-button:before,
+.subscribe-success-message .subscribe-close-button:after {
+    top: 31px;
+    right: 20px;
+    width: 18px;
+    height: 2px;
+}
+
 .subscribe-close-overlay {
     position: absolute;
     top: 0;

default.hbs

@@ -43,7 +43,7 @@
     {{!-- The big email subscribe modal content --}}
     {{#if @labs.members}}
     <div class="subscribe-success-message">
-        <a class="subscribe-close" href="javascript:;"></a>
+        <a class="subscribe-close-button" href="javascript:;"></a>
         You've successfully subscribed to {{@site.title}}!
     </div>
 
@@ -108,7 +108,7 @@
                 $('body').addClass("subscribe-success");
             }
 
-            $('.subscribe-success-message .subscribe-close').click(function () {
+            $('.subscribe-success-message .subscribe-close-button').click(function () {
                 $('.subscribe-success-message').addClass('close');
             });