From 5967ee784aecb014f007fe654c6fec2cf58f8df7 2016-08-05 19:41:09
From: ipaterson <ipaterson@newstex.com>
Date: 2016-08-05 19:41:09
Subject: [PATCH] Harden whitespace in log messages to show newlines, tabs, and spaces.

Due to the additional and inconsistent height of log messages, the other columns are vertically aligned to the top rather than the middle.

---

diff --git a/frontend/css/sections/logs.css.less b/frontend/css/sections/logs.css.less
index a3537a2..2ee8d77 100644
--- a/frontend/css/sections/logs.css.less
+++ b/frontend/css/sections/logs.css.less
@@ -1,5 +1,6 @@
 table.log-list {
-    tr.odd, tr.even {
+    tbody > tr > td {
+        vertical-align: top;
     }
 
     .http_status {
@@ -98,6 +99,7 @@ table.log-list {
     .log {
         font-size: 85%;
         margin-top: 5px;
+        white-space: pre-wrap;
     }
 
 }
diff --git a/frontend/src/templates/logs.html b/frontend/src/templates/logs.html
index ee12848..430ebef 100644
--- a/frontend/src/templates/logs.html
+++ b/frontend/src/templates/logs.html
@@ -73,9 +73,7 @@
                         <span class="name">namespace:</span> {{log.namespace}}</a>
                     <a ng-repeat="(tag, value) in log.tags" class="tag" ng-click="logs.addSearchTag({type:tag, value:value})">
                         <span class="name">{{tag}}:</span> {{value}}</a>
-                    <div class="log">
-                        {{log.message}}
-                    </div>
+                    <div class="log">{{log.message}}</div>
                 </td>
                 <td class="c3 when">
                     <a ng-click="logs.filterId(log)" data-uib-tooltip="{{log.timestamp}}">