Remove infield label, add password icon, fix layout

diff --git a/core/js/lostpassword.js b/core/js/lostpassword.js
index 19e2cf5a4b6792ef49d77084556ab9adbca3bb5a..b0bd0e01b75260183de66defa832cb4f403dc0d5 100644 (file)
--- a/core/js/lostpassword.js
+++ b/core/js/lostpassword.js
@@ -57,7 +57,8 @@ OC.Lostpassword = {
                        
        sendLinkSuccess : function(msg){
                var node = OC.Lostpassword.getSendStatusNode();
-               node.addClass('success').css({width:'auto'});
+               // update is the better success message styling
+               node.addClass('update').css({width:'auto'});
                node.html(OC.Lostpassword.sendSuccessMsg);
        },
                        

diff --git a/core/lostpassword/css/resetpassword.css b/core/lostpassword/css/resetpassword.css
new file mode 100644 (file)
index 0000000..012af67
--- /dev/null
+++ b/core/lostpassword/css/resetpassword.css
@@ -0,0 +1,7 @@
+#reset-password p {
+       position: relative;
+}
+
+#password-icon {
+       top: 20px;
+}

diff --git a/core/lostpassword/templates/resetpassword.php b/core/lostpassword/templates/resetpassword.php
index 0184ace8d1c89890c94721f6c84924c4a0706a62..118fe787116674d1080cc23b4bdc018131baa523 100644 (file)
--- a/core/lostpassword/templates/resetpassword.php
+++ b/core/lostpassword/templates/resetpassword.php
@@ -1,8 +1,10 @@
+<?php OCP\Util::addStyle('lostpassword', 'resetpassword'); ?>
 <form action="<?php print_unescaped($_['link']) ?>" id="reset-password" method="post">
        <fieldset>
                <p>
                        <label for="password" class="infield"><?php p($l->t('New password')); ?></label>
-                       <input type="password" name="password" id="password" value="" required />
+                       <input type="password" name="password" id="password" value="" placeholder="<?php p($l->t('New Password')); ?>" required />
+                       <img class="svg" id="password-icon" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/>
                </p>
                <input type="submit" id="submit" value="<?php p($l->t('Reset password')); ?>" />
        </fieldset>