Display std{out,err} output of submissions in columns using more horizontal area

Before messages would be short and on a wide monitor there would be a lot of wasted space,
Now we calculate the longest line and display that in full and try to fit similar sized columns.

On smaller monitors this would just result in less columns and never in a horizantal bar,
if/when we want that we should set the `height`.

Author: vmcj

webapp/public/style_domjudge.css

@@ -173,6 +173,10 @@ a {
     white-space: pre;
 }
 
+.output_text_truncate_columns {
+    column-rule: 1px solid #c0c0c0;
+}
+
 .clarificationform pre {
     border-top: 1px dotted #c0c0c0;
     border-bottom: 1px dotted #c0c0c0;

webapp/src/Controller/Jury/SubmissionController.php

@@ -527,6 +527,13 @@ public function viewAction(
                 if ($firstJudgingRun) {
                     $runResult['testcasedir'] = $firstJudgingRun->getTestcaseDir();
                 }
+                foreach(['output_run', 'output_error'] as $field) {
+                    $colwidth = 0;
+                    foreach (explode("\n", $runResult[$field] ?? '') as $line) {
+                        $colwidth = max(strlen($line), $colwidth);
+                    }
+                    $runResult[$field . '_colwidth'] = $colwidth;
+                }
                 $runsOutput[] = $runResult;
             }
         }

webapp/templates/jury/submission.html.twig

@@ -25,6 +25,14 @@
             max-height: {{ thumbnailSize }}px;
         }
 
+        {% for runIdx in runsOutput | keys %}
+            {% for colname in ['output_run_colwidth', 'output_error_colwidth'] %}
+                .output_text_truncate_columns_{{ colname }}_{{ runIdx }} {
+                    column-width: {{ runsOutput[runIdx][colname] }}ch;
+                }
+            {% endfor %}
+        {% endfor %}
+
         .scoring-details-container .full-precision { display: none; }
         .scoring-details-container.show-full .rounded-precision { display: none; }
         .scoring-details-container.show-full .full-precision { display: inline; }
@@ -956,15 +964,15 @@
                                 {% if runsOutput[runIdx].output_run is empty %}
                                     <p class="nodata">There was no program output.</p>
                                 {% else %}
-                                    <pre class="output_text">{{ runsOutput[runIdx].output_run | convertUnprintableChars }}</pre>
+                                    <pre class="output_text output_text_truncate_columns output_text_truncate_columns_output_run_colwidth_{{ runIdx }}">{{ runsOutput[runIdx].output_run | convertUnprintableChars }}</pre>
                                 {% endif %}
                             {% endif %}
 
                             <h5>Program error output</h5>
                             {% if runsOutput[runIdx].output_error is empty %}
                                 <p class="nodata">There was no stderr output.</p>
                             {% else %}
-                                <pre class="output_text">{{ runsOutput[runIdx].output_error | convertUnprintableChars }}</pre>
+                                <pre class="output_text output_text_truncate_columns output_text_truncate_columns_output_error_colwidth_{{ runIdx }}">{{ runsOutput[runIdx].output_error | convertUnprintableChars }}</pre>
                             {% endif %}
 
                             <h5>Judging system output (info/debug/errors)</h5>