UI fixes

nodejs/middleware/auth.js

@@ -16,10 +16,8 @@ async function authIO(socket, next){
 	try{
 		let token = await Auth.checkToken(socket.handshake.auth.token || 0);
 		socket.user = await token.getUser();
-		console.log('socket is good!')
 		next();
 	}catch(error){
-		console.log('reject for', socket.handshake.auth.token)
 		next(error);
 	}
 }

nodejs/views/hosts.ejs

@@ -110,6 +110,10 @@
 			});
 		});
 
+		app.subscribe(/./g, function(data, topic){
+			console.log('topic', data);
+		});
+
 		//search bar html event logic stolen from here
 		// https://github.com/WebDevSimplified/js-search-bar/blob/main/script.js
 		$('[host-search]').on("input", function() {

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>
+				</span>
 			</div>
-			</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>
+				</span>
 			</div>
-			</div>
+
 			<div class="card-header actionMessage" style="display:none"></div>
 			<table class="card-body table table-striped" style="margin-bottom:0">
 				<thead>