UI fixes

nodejs/views/users.ejs

@@ -52,17 +52,19 @@
 <div class="row" style="display:none">
 	<div class="col-md-4">
 		<div class="card shadow-lg">
-			<div class="card-header">
-				<span class="card-header-icon">
+			
+			<div class="card-header text-center">
+				<span class="card-icon float-start">
 					<i class="fa-solid fa-user-plus"></i>
 				</span>
-				<span class="card-title mx-auto p-2">
+				<span class="card-title">
 					Add New User
 				</span>
-				<div class="float-right">
+				<span class="float-end">
 					<i class="fa-solid fa-circle-minus"></i>
-				</div>
+				</span>
 			</div>
+
 			<div class="card-header actionMessage" style="display:none"></div>
 			<div class="card-body">
 				<form action="user/" evalAJAX="
@@ -88,15 +90,19 @@
 	</div>
 	<div class="col-md-8">
 		<div class="card shadow-lg">
-			<div class="card-header">
-				<span class="card-title">
+
+			<div class="card-header text-center">
+				<span class="card-icon float-start">
 					<i class="fa-solid fa-users"></i>
+				</span>
+				<span class="card-title">
 					User List
 				</span>
-				<div class="float-right">
+				<span class="float-end">
 					<i class="fa-solid fa-circle-minus"></i>
-				</div>
+				</span>
 			</div>
+
 			<div class="card-header actionMessage" style="display:none"></div>
 			<table class="card-body table table-striped" style="margin-bottom:0">
 				<thead>