From 35d35af59aa37afe639b898fee103838b099d584 Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Tue, 2 May 2023 03:42:58 +0000
Subject: [PATCH] small style improvements

---
 account.html        | 38 ++++++++++++++++++++------------------
 scripts/index.js    |  2 +-
 scripts/instance.js |  2 +-
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/account.html b/account.html
index 99aebf3..0dfe55b 100644
--- a/account.html
+++ b/account.html
@@ -25,24 +25,26 @@
 		</header>
 		<main>
 			<section class="w3-container">
-				<h2>Account</h2>			
-				<div class="flex row wrap w3-card">
-					<p id="username">Username: </p>
-					<p id="pool">Pool: </p>
-					<p id="vmid">VMID Range: </p>
-				</div>
-				<div class="w3-card">
-					<table id="resource-table" class="w3-table w3-table-all" style="overflow-x: auto;">
-						<thead>
-							<tr class="w3-black">
-								<th>Resource</th>
-								<th>Used</th>
-								<th>Free</th>
-								<th>Total</th>
-							</tr>
-						</thead>
-						<tbody></tbody>
-					</table>
+				<h2>Account</h2>
+				<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="">
+						<table id="resource-table" class="w3-table w3-table-all" style="overflow-x: auto;">
+							<thead>
+								<tr class="w3-black">
+									<th>Resource</th>
+									<th>Used</th>
+									<th>Free</th>
+									<th>Total</th>
+								</tr>
+							</thead>
+							<tbody></tbody>
+						</table>
+					</div>
 				</div>
 			</section>
 		</main>
diff --git a/scripts/index.js b/scripts/index.js
index 1dd45a3..30ae543 100644
--- a/scripts/index.js
+++ b/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>
diff --git a/scripts/instance.js b/scripts/instance.js
index 337b5ce..92fc6d7 100644
--- a/scripts/instance.js
+++ b/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>