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

src/views/reset_code.tpl

@@ -1,5 +1,6 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
 
+<div class="row col-12 col-sm-6 offset-sm-3">
 	{{{ if valid }}}
 	<div class="card card-body bg-light">
 		{{{ if displayExpiryNotice }}}
@@ -16,18 +17,16 @@
 			<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>
 	{{{ else }}}
@@ -40,3 +39,4 @@
 		</div>
 	</div>
 	{{{ end }}}
+</div>