tempates: fix System log layout to prevent overflow

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

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 %}