diff --git a/manage.html b/manage.html
index 5172331b..a5c055a3 100644
--- a/manage.html
+++ b/manage.html
@@ -110,6 +110,9 @@
+
+
+
diff --git a/msgbox/msgbox.css b/msgbox/msgbox.css
index f53ca76c..d632efc7 100644
--- a/msgbox/msgbox.css
+++ b/msgbox/msgbox.css
@@ -78,15 +78,15 @@
font-weight: bold;
}
+#message-box.danger #message-box-close-icon svg:hover {
+ fill: #600;
+}
+
#message-box-close-icon {
cursor: pointer;
- width: 8px;
- height: 8px;
- border: 8px solid transparent;
position: absolute;
- right: 0;
- top: 0;
- background: linear-gradient(-45deg, transparent 5px, black 5px, black 6px, transparent 6.5px) no-repeat, linear-gradient(45deg, transparent 5px, black 5px, black 6px, transparent 6.5px) no-repeat;
+ right: 3px;
+ top: 7px;
}
#message-box-contents {
diff --git a/msgbox/msgbox.js b/msgbox/msgbox.js
index 310a998f..03a4363e 100644
--- a/msgbox/msgbox.js
+++ b/msgbox/msgbox.js
@@ -55,7 +55,10 @@ function messageBox({
messageBox.element = $element({id, className, appendChild: [
$element({appendChild: [
$element({id: `${id}-title`, innerHTML: title}),
- $element({id: `${id}-close-icon`, onclick: messageBox.listeners.closeIcon}),
+ $element({
+ id: `${id}-close-icon`,
+ innerHTML: '',
+ onclick: messageBox.listeners.closeIcon}),
$element({id: `${id}-contents`, [putAs]: contents}),
$element({id: `${id}-buttons`, appendChild:
buttons.map((textContent, buttonIndex) => textContent &&