fix: reset_code.tpl card block expanding to bottom of container

src/views/reset_code.tpl

@@ -1,7 +1,8 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
 
-{{{ if valid }}}
+<div class="row col-12 col-sm-6 offset-sm-3">
-<div class="card card-body bg-light">
+	{{{ if valid }}}
+	<div class="card card-body bg-light">
 		{{{ if displayExpiryNotice }}}
 		<div class="alert alert-warning">
 			[[reset_password:password_expired]]
@@ -16,27 +17,26 @@
 			<strong></strong>
 			<p></p>
 		</div>
-	<form onsubmit="return false;" id="reset-form" class="row">
+		<form onsubmit="return false;" id="reset-form">
-		<div class="col-sm-6">
+			<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="col-sm-6">
+			<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>
-		<div class="col-12">
 			<button class="btn btn-primary btn-block" id="reset" type="submit">[[reset_password:reset_password]]</button>
-		</div>
 		</form>
-</div>
+	</div>
-{{{ else }}}
+	{{{ else }}}
-<div class="card text-bg-danger">
+	<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>
-{{{ end }}}