From 55bb97e8f4b2b442c159957d7993394a3c805c74 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Thu, 5 Oct 2017 17:16:16 +0200
Subject: [PATCH] Improve error message output

---
 public/401.html               | 8 ++++----
 public/500.html               | 8 ++++----
 public/assets/error/style.css | 8 +++++++-
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/public/401.html b/public/401.html
index 64c1d5368..436a395b2 100644
--- a/public/401.html
+++ b/public/401.html
@@ -11,10 +11,10 @@
 <% else %>
   <div><%= @exception.message %></div>
   <% if @exception.backtrace %>
-    <div>Traceback:</div>
-    <% @exception.backtrace.each {|row| %>
-      <%= row %><br>
-    <% } %>
+    <pre><code>
+<% @exception.backtrace.each {|row| %>
+  <%= row %>
+<% } %></code></pre>
   <% end %>
 <% end %>
 </body>
diff --git a/public/500.html b/public/500.html
index 2d4d0c249..eeb80d48c 100644
--- a/public/500.html
+++ b/public/500.html
@@ -11,10 +11,10 @@
 <% else %>
   <div><%= @exception.message %></div>
   <% if @exception.backtrace %>
-    <div>Traceback:</div>
-    <% @exception.backtrace.each {|row| %>
-      <%= row %><br>
-    <% } %>
+    <pre><code>
+<% @exception.backtrace.each {|row| %>
+  <%= row %>
+<% } %></code></pre>
   <% end %>
 <% end %>
 </body>
diff --git a/public/assets/error/style.css b/public/assets/error/style.css
index c4f893445..5a2a8886b 100644
--- a/public/assets/error/style.css
+++ b/public/assets/error/style.css
@@ -47,10 +47,16 @@ body.error-message {
   height: auto;
 }
 
+pre {
+  text-align: left;
+  padding-bottom: 1em;
+  background: white;
+  color: #222;
+}
+
 h1 {
   margin: 0;
   color: #444a4f;
-  max-width: 450px;
 }
 
 .dark h1 {