add bottom padding to main,

improve error handling with request function

account.html

@@ -53,7 +53,7 @@
 			</nav>
 		</header>
 		<main>
-			<section class="w3-container">
+			<section>
 				<h2>Account</h2>
 				<div class="w3-card w3-padding">
 					<h3>Account Details</h3>

config.html

@@ -26,7 +26,7 @@
 			</nav>
 		</header>
 		<main>
-			<section class="w3-container">
+			<section>
 				<h2 id="name"><a href="index.html">Instances</a> / %{vmname}</h2>
 				<form>
 					<fieldset class="w3-card w3-padding">

css/style.css

@@ -43,6 +43,10 @@ main, dialog {
 	color: var(--main-text-color);
 }
 
+main {
+	padding: 0 16px 16px 16px;
+}
+
 .w3-card {
 	background-color: var(--main-card-bg-color);
 	box-shadow: var(--main-card-box-shadow);

index.html

@@ -56,7 +56,7 @@
 			</nav>
 		</header>
 		<main>
-			<section class="w3-container">
+			<section>
 				<h2>Instances</h2>
 				<div class="w3-card w3-padding">
 					<div class="flex row nowrap" style="margin-top: 1em; justify-content: space-between;">

scripts/utils.js

@@ -207,6 +207,7 @@ export async function requestAPI (path, method, body = null) {
 }
 
 async function request (url, content) {
+	try {
 		const response = await fetch(url, content);
 		const contentType = response.headers.get("Content-Type");
 		let data = null;
@@ -221,7 +222,6 @@ async function request (url, content) {
 		else {
 			data = response;
 		}
-
 		if (!response.ok) {
 			return { status: response.status, error: data ? data.error : response.status };
 		}
@@ -230,6 +230,10 @@ async function request (url, content) {
 			return data || response;
 		}
 	}
+	catch (error) {
+		return {status: 400, error: error};
+	}
+}
 
 export function goToPage (page, data = null) {
 	const params = data ? (new URLSearchParams(data)).toString() : "";