tempates: fix System log layout to prevent overflowv1.1.3-32

Restrict the <pre> component where the logs are contained to
prevent text overflow from happening.

1 files changed, 10 insertions, 0 deletions

diff --git a/ogcp/templates/actions/legacy/log.html b/ogcp/templates/actions/legacy/log.html
index 5df0e62..a3f252c 100644
--- a/ogcp/templates/actions/legacy/log.html
+++ b/ogcp/templates/actions/legacy/log.html
@@ -10,6 +10,16 @@
 
 <h2 class="mx-5 subhead-heading">{{_('Client log')}}</h2>
 
+<style>
+    /* Prevent overflow */
+    pre {
+        max-width: 100%;
+        overflow: auto;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+    }
+</style>
+
 <pre>{{ log }}</pre>
 
 {% endblock %}