diff --git a/src/components/views/globals/PasswordNagBar.js b/src/components/views/globals/PasswordNagBar.js
index 37d011a6..56eb7bd7 100644
--- a/src/components/views/globals/PasswordNagBar.js
+++ b/src/components/views/globals/PasswordNagBar.js
@@ -20,6 +20,7 @@ import React from 'react';
import sdk from 'matrix-react-sdk';
import Modal from 'matrix-react-sdk/lib/Modal';
import dis from 'matrix-react-sdk/lib/dispatcher';
+import { _t } from 'matrix-react-sdk/lib/languageHandler';
export default React.createClass({
onUpdateClicked: function() {
@@ -33,12 +34,11 @@ export default React.createClass({
dis.dispatch({
action: 'password_changed',
});
- }
+ },
});
},
render: function() {
- const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
const toolbarClasses = "mx_MatrixToolbar mx_MatrixToolbar_clickable";
return (
@@ -49,12 +49,12 @@ export default React.createClass({
alt="Warning"
/>
- To return to your account in future you need to set a password
+ { _t("To return to your account in future you need to set a password") }
);
- }
+ },
});
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
index 9809a81a..7fa8ceb8 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
@@ -102,6 +102,19 @@ limitations under the License.
padding-right: 1em;
}
+.mx_UserSettings_passwordWarning {
+ padding: 6px;
+ background-color: #76cfa6;
+ border-radius: 3px;
+ color: #fff;
+ margin-bottom: 5px;
+}
+
+.mx_UserSettings_passwordWarning_icon {
+ vertical-align: -6px;
+ margin-right: 3px;
+}
+
.mx_UserSettings_importExportButtons {
padding-top: 10px;
padding-left: 40px;