From 20053af6844829d8091751846963ebb961c684dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 26 Aug 2024 13:46:12 -0400
Subject: [PATCH] fix: reset form/invalid code style

---
 src/views/reset_code.tpl | 74 +++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/views/reset_code.tpl b/src/views/reset_code.tpl
index 03e22692a8..94bbf9fe75 100644
--- a/src/views/reset_code.tpl
+++ b/src/views/reset_code.tpl
@@ -1,40 +1,42 @@
-<div class="row col-12 col-sm-6 offset-sm-3">
-	{{{ if valid }}}
-	<div class="card card-body bg-light">
-		{{{ if displayExpiryNotice }}}
-		<div class="alert alert-warning">
-			[[reset_password:password-expired]]
+<div class="row">
+	<div class="col-12 col-sm-6 offset-sm-3">
+		{{{ if valid }}}
+		<div class="card card-body bg-light">
+			{{{ if displayExpiryNotice }}}
+			<div class="alert alert-warning">
+				[[reset_password:password-expired]]
+			</div>
+			{{{ end }}}
+			<div class="alert alert-success alert-dismissible hidden" id="success">
+				<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+				<strong>[[reset_password:password-changed.title]]</strong>
+				<p>[[reset_password:password-changed.message]]</p>
+			</div>
+			<div class="alert alert-warning hidden" id="notice">
+				<strong></strong>
+				<p></p>
+			</div>
+			<form onsubmit="return false;" id="reset-form">
+				<div class="mb-3">
+					<label class="form-label" for="password">[[reset_password:new-password]]</label>
+					<input class="form-control" type="password" placeholder="[[reset_password:new-password]]" id="password" />
+				</div>
+				<div class="mb-3">
+					<label class="form-label" for="repeat">[[reset_password:repeat-password]]</label>
+					<input class="form-control" type="password" placeholder="[[reset_password:repeat-password]]" id="repeat" />
+				</div>
+				<button class="btn btn-primary" id="reset" type="submit">[[reset_password:reset-password]]</button>
+			</form>
+		</div>
+		{{{ else }}}
+		<div class="card">
+			<div class="card-header">
+				<h5 class="mb-0">[[reset_password:wrong-reset-code.title]]</h5>
+			</div>
+			<div class="card-body">
+				<p>[[reset_password:wrong-reset-code.message]]</p>
+			</div>
 		</div>
 		{{{ end }}}
-		<div class="alert alert-success alert-dismissible hidden" id="success">
-			<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-			<strong>[[reset_password:password-changed.title]]</strong>
-			<p>[[reset_password:password-changed.message]]</p>
-		</div>
-		<div class="alert alert-warning hidden" id="notice">
-			<strong></strong>
-			<p></p>
-		</div>
-		<form onsubmit="return false;" id="reset-form">
-			<div class="mb-3">
-				<label class="form-label" for="password">[[reset_password:new-password]]</label>
-				<input class="form-control" type="password" placeholder="[[reset_password:new-password]]" id="password" /><br />
-			</div>
-			<div class="mb-3">
-				<label class="form-label" for="repeat">[[reset_password:repeat-password]]</label>
-				<input class="form-control" type="password" placeholder="[[reset_password:repeat-password]]" id="repeat" /><br />
-			</div>
-			<button class="btn btn-primary btn-block" id="reset" type="submit">[[reset_password:reset-password]]</button>
-		</form>
 	</div>
-	{{{ else }}}
-	<div class="card text-bg-danger">
-		<h5 class="card-header">
-			[[reset_password:wrong-reset-code.title]]
-		</h5>
-		<div class="card-body">
-			<p>[[reset_password:wrong-reset-code.message]]</p>
-		</div>
-	</div>
-	{{{ end }}}
 </div>
\ No newline at end of file