Add some JS to hide and show elements for password reset

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

1 files changed, 15 insertions, 11 deletions

diff --git a/core/css/guest.css b/core/css/guest.css
index dd610384e31..4741339e183 100644
--- a/core/css/guest.css
+++ b/core/css/guest.css
@@ -130,28 +130,29 @@ form #datadirField legend {
 }
 
 /* Buttons and input */
-#submit-wrapper {
+#submit-wrapper,
+#reset-password-wrapper {
 	position: relative; /* Make the wrapper the containing block of its
 						   absolutely positioned descendant icons */
 }
-#submit-wrapper .icon-confirm-white {
+
+#submit-wrapper .submit-icon,
+#reset-password-wrapper .submit-icon {
 	position: absolute;
 	top: 23px;
 	right: 23px;
+	pointer-events: none; /* The submit icon is positioned on the submit button.
+							 From the user point of view the icon is part of the
+							 button, so the clicks on the icon have to be
+							 applied to the button instead. */
 }
+
 #submit-wrapper .icon-loading-small {
 	position: absolute;
 	top: 22px;
 	right: 24px;
 }
 
-#submit-wrapper #submit-icon {
-	pointer-events: none; /* The submit icon is positioned on the submit button.
-							 From the user point of view the icon is part of the
-							 button, so the clicks on the icon have to be
-							 applied to the button instead. */
-}
-
 input, textarea, select, button, div[contenteditable=true] {
 	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
 }
@@ -395,9 +396,12 @@ form .warning input[type='checkbox']+label {
 .lost-password-container {
 	margin: 0;
 }
-.lost-password-container #lost-password {
+.lost-password-container #lost-password,
+.lost-password-container #lost-password-back {
+	display: inline-block;
+	padding: 12px;
+	margin-top: -6px;
 	color: #fff;
-	padding: 10px;
 	opacity: .7;
 }
 #forgot-password {