steal dismiss button from coldfront

Author: simonLeary42

resources/templates/header.php

@@ -147,8 +147,8 @@
               <div class='message %s'>
                 <h3>%s</h3>
                 <p>%s</p>
-                <button onclick=\"this.parentElement.style.display='none';\">X</button>
-              </div>\n
+                <button onclick=\"this.parentElement.style.display='none';\">×</button>
+              </div>
             ",
             $level->value,
             strip_tags($title),

webroot/css/messages.css

@@ -1,6 +1,9 @@
 .message {
     border-radius: 10px;
-    padding: 10px 40px 10px 40px;
+    /* extra padding on right to make room for button */
+    padding: 10px 80px 10px 40px;
+    /* needed for button position: absolute */
+    position: relative;
     text-align: center;
     width: fit-content;
     margin-left: auto;
@@ -36,3 +39,12 @@
     color: #721c24;
     background-color: #f8d7da;
 }
+
+.message button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: inherit;
+    color: inherit;
+    font-size: 2rem;
+}