From 04dda5e3475c186f3d2aa27d7d14d19c7a6e75b2 Mon Sep 17 00:00:00 2001
From: Jose Diaz-Gonzalez <josegonzalez@users.noreply.github.com>
Date: Sat, 22 Apr 2017 15:40:26 -0600
Subject: [PATCH] Update 500-error.html

Base it more closely on the rails application error page
---
 plugins/nginx-vhosts/templates/500-error.html | 40 +++++++++++++++----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/plugins/nginx-vhosts/templates/500-error.html b/plugins/nginx-vhosts/templates/500-error.html
index daf96605b..e58fa77bc 100644
--- a/plugins/nginx-vhosts/templates/500-error.html
+++ b/plugins/nginx-vhosts/templates/500-error.html
@@ -1,9 +1,33 @@
+<!DOCTYPE html>
 <html>
-  <body style="padding:0; margin: 0;">
-    <div style="width:100%; height: 100%; text-align:center; font-family: arial; font-weight: bold; color: #ffffff; background: rgba(33, 129, 243, 0.66);">
-      <div style="position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);">
-        <h1>THERE HAS BEEN A 500 ERROR.</h1>
-      </div>
-    </div>
-  </body>
-</html>';
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  body {
+    background-color: #6CABF7;
+    color: #fff;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  div {
+    position:absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+  p {
+    color: #666;
+  }
+  </style>
+</head>
+
+<body>
+  <div>
+    <h1>We're sorry, but something went wrong.</h1>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>