From bd15a04c7d4c9e5620a3b9803bb28a615156bcc5 Mon Sep 17 00:00:00 2001
From: David Grudl <david@grudl.com>
Date: Fri, 27 Jan 2017 01:10:23 +0100
Subject: [PATCH] error 500 redesign

---
 src/Tracy/assets/Debugger/error.500.phtml | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/Tracy/assets/Debugger/error.500.phtml b/src/Tracy/assets/Debugger/error.500.phtml
index bc8a86f68..2a0fcfd55 100644
--- a/src/Tracy/assets/Debugger/error.500.phtml
+++ b/src/Tracy/assets/Debugger/error.500.phtml
@@ -15,17 +15,24 @@ namespace Tracy;
 <title>Server Error</title>
 
 <style>
-	#tracy-error { background: white; width: 500px; margin: 70px auto; padding: 10px 20px }
-	#tracy-error h1 { font: bold 47px/1.5 sans-serif; background: none; color: #333; margin: .6em 0 }
-	#tracy-error p { font: 21px/1.5 Georgia,serif; background: none; color: #333; margin: 1.5em 0 }
-	#tracy-error small { font-size: 70%; color: gray }
+	#tracy-error { all: initial; position: absolute; top: 0; left: 0; right: 0; height: 70vh; min-height: 400px; display: flex; align-items: center; justify-content: center; z-index: 1000 }
+	#tracy-error div { all: initial; max-width: 550px; background: white; color: #333; display: block }
+	#tracy-error h1 { all: initial; font: bold 50px/1.1 sans-serif; display: block; margin: 40px }
+	#tracy-error p { all: initial; font: 20px/1.4 sans-serif; margin: 40px; display: block }
+	#tracy-error small { color: gray }
 </style>
 
 <div id=tracy-error>
-	<h1>Server Error</h1>
+	<div>
+		<h1>Server Error</h1>
 
-	<p>We're sorry! The server encountered an internal error and
-	was unable to complete your request. Please try again later.</p>
+		<p>We're sorry! The server encountered an internal error and
+		was unable to complete your request. Please try again later.</p>
 
-	<p><small>error 500<?php if (!$logged): ?><br>Tracy is unable to log error.<?php endif ?></small></p>
+		<p><small>error 500<?php if (!$logged): ?><br>Tracy is unable to log error.<?php endif ?></small></p>
+	</div>
 </div>
+
+<script>
+	document.body.insertBefore(document.getElementById('tracy-error'), document.body.firstChild);
+</script>