diff --git a/src/component/alert/index.js b/src/component/alert/index.js
index 0c2d8bdf..acb421c6 100644
--- a/src/component/alert/index.js
+++ b/src/component/alert/index.js
@@ -31,7 +31,7 @@ export const Alert = function({
if (message.length > 0) {
message.forEach((item, i) => {
- this.element.message.appendChild(node('p:' + item));
+ this.element.message.appendChild(node('p:' + item + '|class:small'));
});
};
diff --git a/src/component/icon/index.js b/src/component/icon/index.js
index 6eea2698..97319017 100644
--- a/src/component/icon/index.js
+++ b/src/component/icon/index.js
@@ -123,7 +123,11 @@ icon.all = {
},
info: {
name: 'info',
- path: 'M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'
+ path: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'
+ },
+ warning: {
+ name: 'warning',
+ path: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'
}
};
diff --git a/src/component/menuContent/dataSetting/index.js b/src/component/menuContent/dataSetting/index.js
index dc392f80..9296723f 100644
--- a/src/component/menuContent/dataSetting/index.js
+++ b/src/component/menuContent/dataSetting/index.js
@@ -126,15 +126,14 @@ dataSetting.clear = (parent) => {
}
});
- dataSetting.control.clear.alert = new Alert({ iconName: 'info', message: ['You will lose Bookmarks by clearing all data.', 'Have you backed up your data?'] });
+ dataSetting.control.clear.alert = new Alert({ iconName: 'warning', message: ['You will lose Bookmarks by clearing all data.', 'Have you backed up your data?'] });
dataSetting.control.clear.helper = new Control_helperText({
- text: ['Wipe all data and restore ' + appName + ' to the default state.', 'Alternatively it is possible to wipe all settings but keep the current Bookmarks and Groups.']
+ text: ['Wipe all data to restore ' + appName + ' to the default state.', 'Alternatively, it is possible to wipe all settings but keep the current Bookmarks and Groups.']
});
parent.appendChild(
node('div', [
- dataSetting.control.clear.alert.wrap(),
form.wrap({
children: [
form.inline({
@@ -148,6 +147,7 @@ dataSetting.clear = (parent) => {
})
]
}),
+ dataSetting.control.clear.alert.wrap(),
dataSetting.control.clear.helper.wrap()
])
);