feat(design): center main content

Author: julie-ng

static/styles/_layout.scss

@@ -49,5 +49,9 @@ $nav-width: 15rem;
 
 .layout-main {
   padding-left: $nav-width + 2rem;
-  max-width: 80rem;
+}
+
+.content-wrapper {
+  max-width: 70rem;
+  margin: 0 auto;
 }

tmpl/layout.tmpl

@@ -21,8 +21,10 @@
     </nav>
   </div>
   <div id="main" class="layout-main">
-    <h1 class="page-title"><?js= title ?></h1>
-    <?js= content ?>
+    <div class="content-wrapper">
+      <h1 class="page-title"><?js= title ?></h1>
+      <?js= content ?>
+    </div>
   </div>
 </div>