From 2f5a6d888b4315f0fa96c307a5248afe6e1b2efa Mon Sep 17 00:00:00 2001
From: Dominik Picheta <dominikpicheta@gmail.com>
Date: Sun, 20 May 2018 18:41:29 +0100
Subject: [PATCH] Improves reset password page style.

---
 public/css/nimforum.scss       | 16 ++++++++++++++++
 src/frontend/resetpassword.nim |  4 +++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/public/css/nimforum.scss b/public/css/nimforum.scss
index a4d92c9..d8eb565 100644
--- a/public/css/nimforum.scss
+++ b/public/css/nimforum.scss
@@ -639,4 +639,20 @@ hr {
 .license-text {
   text-align: left;
   font-size: 80%;
+}
+
+// - Reset password
+#resetpassword {
+  @extend .grid-sm;
+  @extend .container;
+
+  .form-input {
+    display: inline-block;
+    width: 15rem;
+    margin-bottom: $control-padding-y*2;
+  }
+
+  .footer {
+    margin-top: $control-padding-y*2;
+  }
 }
\ No newline at end of file
diff --git a/src/frontend/resetpassword.nim b/src/frontend/resetpassword.nim
index 2b98674..741340a 100644
--- a/src/frontend/resetpassword.nim
+++ b/src/frontend/resetpassword.nim
@@ -45,10 +45,12 @@ when defined(js):
 
     result = buildHtml():
       section(class="container grid-xl"):
-        tdiv(class="resetpassword"):
+        tdiv(id="resetpassword"):
           tdiv(class="title"):
             p(): text "Reset Password"
           tdiv(class="content"):
+            label(class="form-label", `for`="password"):
+              text "Password"
             input(class="form-input", `type`="password", name="password",
                   placeholder="Type your new password here",
                   oninput=(e: Event, n: VNode) => onPassChange(e, n, state))