From c4ddc4ded3a5662f53bc9be7349f4aaec7fb09d7 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Mon, 16 Oct 2023 22:32:19 +0000
Subject: [PATCH] fix handling of instances with empty name, improve instance
 table headers

---
 index.html          | 8 ++++----
 scripts/instance.js | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 367e967..2db2ff1 100644
--- a/index.html
+++ b/index.html
@@ -72,16 +72,16 @@
 					<div>
 						<div class="w3-row w3-hide-small" style="border-bottom: 1px solid;">
 							<div class="w3-col l1 m2">
-								<p>VM ID</p>
+								<p>ID</p>
 							</div>
 							<div class="w3-col l2 m3">
-								<p>VM Name</p>
+								<p>Name</p>
 							</div>
 							<div class="w3-col l1 m2">
-								<p>VM Type</p>
+								<p>Type</p>
 							</div>
 							<div class="w3-col l2 m3">
-								<p>VM Status</p>
+								<p>Status</p>
 							</div>
 							<div class="w3-col l2 w3-hide-medium">
 								<p>Host Name</p>
diff --git a/scripts/instance.js b/scripts/instance.js
index 9fbbc5d..0d55eca 100644
--- a/scripts/instance.js
+++ b/scripts/instance.js
@@ -92,7 +92,7 @@ class InstanceCard extends HTMLElement {
 			}
 		}
 		else {
-			nameParagraph.innerText = this.name ? this.name : "";
+			nameParagraph.innerHTML = this.name ? this.name : "&nbsp;";
 		}
 
 		const typeParagraph = this.shadowRoot.querySelector("#instance-type");