From c677d08637dd36f868b2a430aeffe67b427bcf7d Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Fri, 5 May 2023 05:01:05 +0000
Subject: [PATCH] improve responsiveness for very narrow screens

---
 account.html  | 2 +-
 css/style.css | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/account.html b/account.html
index 631329f..8fc3a21 100644
--- a/account.html
+++ b/account.html
@@ -35,7 +35,7 @@
 				</div>
 				<div class="w3-card w3-padding w3-margin-top">
 					<h3>Cluster Resources</h3>
-					<table id="resource-table" class="w3-table w3-table-all" style="overflow-x: auto;">
+					<table id="resource-table" class="w3-table w3-table-all w3-responsive" style="overflow-x: auto;">
 						<thead>
 							<tr class="w3-black">
 								<th>Resource</th>
diff --git a/css/style.css b/css/style.css
index 9359f9f..d8ac9c0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -13,10 +13,16 @@ h1, h2, h3, h3, h4, h5, h6, p, a, label, button, input, select, td {
 
 body {
 	min-height: 100vh;
+	max-width: 100vw;
 	display: grid;
 	grid-template-rows: auto 1fr;
 }
 
+main {
+	min-height: 100vh;
+	max-width: 100vw;
+}
+
 img.clickable {
 	cursor: pointer;
 }