zoom fixes

nodejs/public/css/styles.css

@@ -17,3 +17,8 @@ div.card-body{
 	padding-left: 1.5em;
 	padding-right: 1.5em;
 }
+
+
+.my-2 > a {
+	padding-right: .5em;
+}

nodejs/views/home.ejs

@@ -156,10 +156,16 @@
 			currentUser = user;
 			renderProfile(user);
 			renderUserGroups(user);
+			$('#username').text(user.uid);
 		});
 
 	});
 </script>
+<style type="text/css">
+	.services-list i{
+		padding-right: .5em;
+	}
+</style>
 <div class="row" style="display:none">
 	<div class="col-md-4">
 		<div class="shadow-lg card mb-3 card-default">
@@ -174,7 +180,7 @@
 			</div>
 			<div class="card-body">
 
-				<button onclick="getInvite(this)" class="shadow">New Invite Token</button>
+				<button onclick="getInvite(this)" class="btn btn-outline-dark shadow">New Invite Token</button>
 				<div>
 					<b id="invite_token"></b>
 				</div>
@@ -192,7 +198,11 @@
 			<div class="card-header shadow actionMessage" style="display:none">
 			</div>
 			<div class="card-body">
-				<ul class="list-group text-dark">
+				<ul class="list-group text-dark services-list">
+					<li class="list-group-item text-dark">
+							<i class="fad fa-terminal"></i>
+							SSH <b id="username"></b>@718it.biz:22
+					</li>
 					<a href="https://emby.718it.biz/" target="_blank" class="text-dark">
 						<li class="list-group-item text-dark">
 								<i class="fad fa-film"></i>
@@ -205,16 +215,18 @@
 								Git server
 						</li>
 					</a>
+					<a href="https://rdp.vm42.us" target="_blank" class="text-dark">
+						<li class="list-group-item text-dark">
+								<i class="fad fa-desktop"></i>
+								Virtual Desk Top
+						</li>
+					</a>
 					<a href="https://pve.admin.vm42.us" target="_blank" class="text-dark">
 						<li class="list-group-item text-dark">
 								<i class="fad fa-server"></i>
 								Promox (contact wmanlty for access)
 						</li>
 					</a>
-					<li class="list-group-item text-dark">
-							<i class="fad fa-terminal"></i>
-							ssh:718it.biz
-					</li>
 				</ul>
 			</div>
 		</div>

nodejs/views/invite.ejs

@@ -9,6 +9,15 @@
 		$('[name="mail"').val('<%= invite.mail %>').prop("disabled", true);
 	});
 </script>
+
+<style type="text/css">
+	div.form-group:hover {
+	    -ms-transform: scale(1.02);
+	    -webkit-transform: scale(1.02);
+	    transform: scale(1.02);
+	}
+</style>
+
 <div class="row" style="display:none">
 		<div class="col-md-12">
 		<div class="card shadow-lg">

nodejs/views/invite_email.ejs

@@ -10,6 +10,14 @@
 	});
 </script>
 
+<style type="text/css">
+	div.form-group:hover {
+		-ms-transform: scale(1.02);
+		-webkit-transform: scale(1.02);
+		transform: scale(1.02);
+	}
+</style>
+
 <div class="row">
 	<div id="email_card" class="card-deck">
 		<div class="shadow-lg card mb-3">
@@ -35,7 +43,7 @@
 						<label class="control-label">Email</label>
 						<div class="input-group mb-3">
 						  <div class="input-group-prepend">
-						    <span class="input-group-text" ><i class="fad fa-at"></i></span>
+							<span class="input-group-text" ><i class="fad fa-at"></i></span>
 						  </div>
 							<input type="email" name="mail" class="form-control" placeholder="jsmith@gmail.com" validate="email:3" />
 						</div>

nodejs/views/users.ejs

@@ -1,6 +1,6 @@
 <%- include('top') %>
 <script id="rowTemplate" type="text/html">
-	<tr class="shadow-lg" action="user/password/{{ username }}" method="put" evalAJAX="$form.trigger('reset')">
+	<tr class="" action="user/password/{{ username }}" method="put" evalAJAX="$form.trigger('reset')">
 		<td>
 			{{ uidNumber }}
 		</td>
@@ -68,30 +68,26 @@
 		</div>
 	</div>
 	<div class="col-md-8">
-		<div class="card shadow-lg">
+		<div class="card shadow">
 			<div class="card-header">
 				<i class="fad fa-th-list"></i>
 				User List
 			</div>
 			<div class="card-header actionMessage" style="display:none"></div>
-			<div class="card-body" style="padding-bottom:0">
-				<div class="table-responsive">
-					<table class="table">
-						<thead class="shadow-lg">
-							<th>id</th>
-							<th>uid</th>
-							<th>Name</th>
-							<th>eMail</th>
-							<th>Sudo</th>
-							<th>key</th>
-							<th></th>
-						</thead>
-						<tbody id="tableAJAX">
-							<!-- ajax loaded table -->
-						</tbody>
-					</table>
-				</div>
-			</div>
+			<table class="card-body table table-striped" style="margin-bottom:0">
+				<thead>
+					<th>ID</th>
+					<th>User Name</th>
+					<th>Name</th>
+					<th>eMail</th>
+					<th>Sudo</th>
+					<th>Key</th>
+					<th></th>
+				</thead>
+				<tbody id="tableAJAX">
+					<!-- ajax loaded table -->
+				</tbody>
+			</table>
 		</div>
 	</div>
 </div>