Enhance nginx config and www page.

2 files changed, 8 insertions, 2 deletions

diff --git a/docker/crupest-nginx/sites/www/src/main.js b/docker/crupest-nginx/sites/www/src/main.js
index 111b0bd..13a85c3 100644
--- a/docker/crupest-nginx/sites/www/src/main.js
+++ b/docker/crupest-nginx/sites/www/src/main.js
@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", async () => {
   const todoContainer = document.getElementById("todo-container");
 
   const res = await fetch("/api/todos");
-  const body = res.json();
+  const body = await res.json();
 
   if (res.status !== 200) {
     todoMessage.style.color = "red";
diff --git a/docker/crupest-nginx/sites/www/src/style.css b/docker/crupest-nginx/sites/www/src/style.css
index 6021c6c..b632745 100644
--- a/docker/crupest-nginx/sites/www/src/style.css
+++ b/docker/crupest-nginx/sites/www/src/style.css
@@ -5,7 +5,13 @@ html {
 body {
   width: 100%;
   margin: 0;
-  padding: 0 2em;
+  box-sizing: border-box;
+}
+
+@media (min-width: 576px) {
+  #main-article {
+    padding: 0 2em;
+  }
 }
 
 #color-strip-container {