Formatting tweaks and notes

_src/base.css

@@ -43,14 +43,14 @@ html {
 }
 a { color: #a8d; }
 body {
-  margin: 4vw;
+  margin: 0;
   font-size: calc(.7em + .8vw);
   background: url('/space.jpg') repeat-y fixed 0 0/100%;
 }
 main {
   background-color: rgba(2,2,2,.8);
-  margin: auto;
-  padding: calc(1em + 2vw);
+  margin: 0 auto;
+  padding: 4vw calc(1em + 2vw);
   max-width: 1000px;
   font-family: monospace;
 }
@@ -75,6 +75,6 @@ body::after {
   display: block;
   content: "";
   background: url('/fort.webp') no-repeat 0 0/100%;
-  width: 100vw;
+  width: 100%;
   height: 57.2052vw; /* Ratio of image */
 }

_src/wg/index.njk

@@ -72,6 +72,12 @@ layout: base.njk
 	
   // New peer
 	const addPeer = async () => {
+		//TODO: Disable add button
+		add_name_el.value.trim().lower()
+		//TODO: Validate add_name_el.value
+		if (!add_name_el.value) {
+			alert('')
+		}
 		try {
 			newconfig_el.innerHTML = await (await fetch(`https://wgapi.ksn.gf4/add?name=${add_name_el.value}&token=${user.token}`)).text()
 		} catch (err) {
@@ -79,11 +85,13 @@ layout: base.njk
 			if (err) console.error(err)
 		}
 		console.log(`Added ${add_name_el.value}`)
+		//TODO: Reenable add button
 		getUser('https://wgapi.ksn.gf4/list')
 	}
 	
 	// Delete peer
 	const delPeer = async (name) => {
+		//TODO: Disable delete button
 		let res; try {
 			res = await fetch(`https://wgapi.ksn.gf4/del?name=${name}&token=${user.token}`)
 		} catch (err) {