From 4896358e298574397cf3ab5fb9546ba92f01940b Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Wed, 3 Feb 2021 15:16:43 +0100
Subject: [PATCH] docs: improve 404 page

---
 docs/src/pages/404.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/docs/src/pages/404.vue b/docs/src/pages/404.vue
index 5572250e..9784d8f9 100644
--- a/docs/src/pages/404.vue
+++ b/docs/src/pages/404.vue
@@ -1,17 +1,24 @@
 <template>
   <div class="error-page">
-    Oh no, page not found.
-    <g-link
-      to="/"
-    >
-      → Back
-    </g-link>
+    <div class="error-page__content">
+      Oh no, we can’t find this page.
+      <g-link
+        to="/"
+      >
+        → Go back
+      </g-link>
+    </div>
   </div>
 </template>
 
 <style lang="scss">
 .error-page {
-  margin: 5rem 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+
+  // margin: 5rem 1rem;
   text-align: center;
   color: rgba($colorWhite, 0.4);