+
+
+
+
+
-
+
diff --git a/public/sprout.js b/public/sprout.js
index f14f99a..94f90c6 100644
--- a/public/sprout.js
+++ b/public/sprout.js
@@ -85,6 +85,10 @@ function showError(input, message) {
small.innerText = message
}
+document.getElementById("password_form").addEventListener("submit", async function (e) {
+ console.log("button was pressed")
+});
+
document.getElementById("new_user_form").addEventListener("submit", async function (e) {
e.preventDefault();
diff --git a/public/style.css b/public/style.css
index 9eb5128..92cd1f0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -96,8 +96,56 @@ body{
visibility: hidden;
}
+
+.form-control.error small {
+ color: var(--error-color);
+ visibility: visible;
+}
/*End of New user Form*/
+#password_form {
+ display: grid;
+ justify-items: center;
+ align-items: center;
+ width:100%;
+ margin-top: 10%;
+}
+
+.form-control {
+ margin-bottom: 1%;
+ padding-bottom: 1%;
+ position: relative;
+}
+
+.form-control label {
+ color: #444444;
+ display: block;
+ margin-bottom: 1%;
+ font-size: x-large;
+}
+
+.form-control input {
+ border: 2px solid #6d6d6d;
+ border-radius: 4px;
+ display: block;
+ margin-bottom: 1%;
+ width: 100%;
+ padding: 2%
+}
+
+.form-control input:focus {
+ outline: 0;
+ border-color: #161616;
+}
+
+.form-control.error input {
+ border-color: var(--error-color);
+}
+
+.form-control small {
+
+ visibility: hidden;
+}
.form-control.error small {
color: var(--error-color);