small style improvements

account.html

@@ -26,12 +26,13 @@
 		<main>
 			<section class="w3-container">
 				<h2>Account</h2>
-				<div class="flex row wrap w3-card">
+				<div class="w3-card w3-padding">
+					<div class="flex row wrap">
 						<p id="username">Username: </p>
 						<p id="pool">Pool: </p>
 						<p id="vmid">VMID Range: </p>
 					</div>
-				<div class="w3-card">
+					<div class="">
 						<table id="resource-table" class="w3-table w3-table-all" style="overflow-x: auto;">
 							<thead>
 								<tr class="w3-black">
@@ -44,6 +45,7 @@
 							<tbody></tbody>
 						</table>
 					</div>
+				</div>
 			</section>
 		</main>
 	</body>

scripts/index.js

@@ -32,7 +32,7 @@ async function populateInstances () {
 	instances.sort((a, b) => (a.vmid > b.vmid) ? 1 : -1);
 
 	instanceContainer.innerHTML = `
-		<div class="w3-row w3-hide-small w3-border-bottom">
+		<div class="w3-row w3-hide-small w3-border-bottom w3-border-black">
 			<div class="w3-col l1 m2">
 				<p>VM ID</p>
 			</div>

scripts/instance.js

@@ -9,7 +9,7 @@ export class Instance extends HTMLElement {
 		shadowRoot.innerHTML = `
 			<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 			<link rel="stylesheet" href="css/style.css">
-			<div class="w3-row w3-border-bottom">
+			<div class="w3-row">
 				<div class="w3-col l1 m2 s6">
 					<p id="instance-id"></p>
 				</div>