From 4f1a6303fa05435d7ae4a96a557938c04d273949 Mon Sep 17 00:00:00 2001
From: Ed Summers <ehs@pobox.com>
Date: Tue, 9 Aug 2022 18:03:00 -0400
Subject: [PATCH] Format error messages (#737)

Currently error messages display on a single line that can be difficult
to scroll. This updates the CSS slightly to allow the message to spread
over multiple lines if needed.
---
 pywb/static/css/base.css  | 4 ++++
 pywb/templates/error.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/pywb/static/css/base.css b/pywb/static/css/base.css
index 9618a7eb..a1903e56 100644
--- a/pywb/static/css/base.css
+++ b/pywb/static/css/base.css
@@ -39,3 +39,7 @@ header .language-select a:hover {
     text-decoration: underline;
 }
 
+.error pre {
+    white-space: pre-wrap;
+    text-align: left;
+}
diff --git a/pywb/templates/error.html b/pywb/templates/error.html
index 63e2c68c..2cf9a276 100644
--- a/pywb/templates/error.html
+++ b/pywb/templates/error.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}{{ _('Pywb Error') }}{% endblock %}
 {% block body %}
-<div class="container text-danger">
+<div class="container text-danger error">
     <div class="row justify-content-center">
         <h2 class="display-2">Pywb Error</h2>
     </div>