Format error messages (#737)

edsu · web-flow · commit 4f1a6303fa05 · 2022-08-09T15:03:00.000-07:00
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.
diff --git 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
@@ -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>

Original file line number	Diff line number	Diff line change
`@@ -39,3 +39,7 @@ header .language-select a:hover {`
`39`	`39`	`text-decoration: underline;`
`40`	`40`	`}`
`41`	`41`
	`42`	`+.error pre {`
	`43`	`+ white-space: pre-wrap;`
	`44`	`+ text-align: left;`
	`45`	`+}`