From d057d989248b41631e4b9f9a00656bd488634f38 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Mon, 15 May 2023 02:56:48 +0000
Subject: [PATCH] fix some styling

---
 css/style.css    | 12 +++++++-----
 scripts/index.js |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index 5c783db..6bbaf27 100644
--- a/css/style.css
+++ b/css/style.css
@@ -5,8 +5,7 @@
 	--main-bg-color: #404040;
 	--main-text-color: white;
 	--main-card-bg-color: #202020;
-	--main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.84), 0 2px 10px 0 rgba(0,0,0,0.88);
-	/*--main-card-shadow-color: black;*/
+	--main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.8), 0 2px 10px 0 rgba(0,0,0,0.8);
 	--main-table-header-bg-color: black;
 	--main-input-bg-color: #404040;
 }
@@ -16,14 +15,13 @@
 		--main-bg-color: white;
 		--main-text-color: black;
 		--main-card-bg-color: white;
-		--main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
-		/*--main-card-shadow-color: rgba(0,0,0,0.25);*/
+		--main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 10px 0 rgba(0,0,0,0.2);
 		--main-table-header-bg-color: #808080;
 		--main-input-bg-color: white;
 	}
 }
 
-* {
+html {
 	box-sizing: border-box;
 }
 
@@ -71,6 +69,10 @@ img {
 	width: 1em;
 }
 
+hr, * {
+	border-color: var(--main-text-color);
+}
+
 .flex {
 	display: flex;
 }
diff --git a/scripts/index.js b/scripts/index.js
index 77b6aa4..81f5ba7 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 w3-border-black">
+		<div class="w3-row w3-hide-small" style="border-bottom: 1px solid;">
 			<div class="w3-col l1 m2">
 				<p>VM ID</p>
 			</div>