From 1db3ba676daf148860352a8e04479362c61d1c3b Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Thu, 25 May 2017 15:33:40 +0100
Subject: [PATCH] Rejig the PaswordNagBar

 - Change the nag bar to read "To return to your account in future you need to set a password"
 - Underline "Set a password"
 - Make the whole thing clickable
---
 src/components/views/globals/PasswordNagBar.js             | 7 ++++---
 .../css/vector-web/views/globals/_MatrixToolbar.scss       | 4 ++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/views/globals/PasswordNagBar.js b/src/components/views/globals/PasswordNagBar.js
index f0fdee6c..37d011a6 100644
--- a/src/components/views/globals/PasswordNagBar.js
+++ b/src/components/views/globals/PasswordNagBar.js
@@ -39,8 +39,9 @@ export default React.createClass({
 
     render: function() {
         const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
+        const toolbarClasses = "mx_MatrixToolbar mx_MatrixToolbar_clickable";
         return (
-            <div className="mx_MatrixToolbar">
+            <div className={toolbarClasses} onClick={this.onUpdateClicked}>
                 <img className="mx_MatrixToolbar_warning"
                     src="img/warning.svg"
                     width="24"
@@ -48,9 +49,9 @@ export default React.createClass({
                     alt="Warning"
                 />
                 <div className="mx_MatrixToolbar_content">
-                    To be able to return to your account, you need to set a password.
+                    To return to your account in future you need to <u>set a password</u>
                 </div>
-                <button className="mx_MatrixToolbar_action" onClick={this.onUpdateClicked}>
+                <button className="mx_MatrixToolbar_action">
                     Set Password
                 </button>
             </div>
diff --git a/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss b/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
index 5a0b23ae..1a7b1c16 100644
--- a/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
+++ b/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
@@ -39,6 +39,10 @@ limitations under the License.
     cursor: pointer;
 }
 
+.mx_MatrixToolbar_clickable {
+    cursor: pointer;
+}
+
 .mx_MatrixToolbar_close {
     cursor: pointer;
 }