From 2c436d5ae073ae5feff0624e6f7acd21008f388d Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <post@kennjacobsen.dk>
Date: Tue, 16 Apr 2019 09:39:54 +0200
Subject: [PATCH] Apply nicer log message wrapping

---
 .../src/views/logviewer/search.html                    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/logviewer/search.html b/src/Umbraco.Web.UI.Client/src/views/logviewer/search.html
index 5981b41598..7a7ea7699c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/logviewer/search.html
+++ b/src/Umbraco.Web.UI.Client/src/views/logviewer/search.html
@@ -107,15 +107,15 @@
                                 Total Items: {{ vm.logItems.totalItems }}
                             </div>
 
-                            <table class="table table-hover" ng-if="vm.logItems.totalItems > 0">
+                            <table class="table table-hover" style="table-layout: fixed;" ng-if="vm.logItems.totalItems > 0">
                                 <thead>
                                     <tr>
-                                        <th style="min-width:100px;" ng-click="vm.toggleOrderBy()">
+                                        <th style="width: 20%;" ng-click="vm.toggleOrderBy()">
                                             Timestamp
                                             <ins class="icon-navigation-down" ng-class="{'icon-navigation-down': vm.logOptions.orderDirection === 'Descending', 'icon-navigation-up': vm.logOptions.orderDirection !== 'Descending'}">&nbsp;</ins>
                                         </th>
-                                        <th>Level</th>
-                                        <th>Machine</th>
+                                        <th style="width: 15%;">Level</th>
+                                        <th style="width: 20%;">Machine</th>
                                         <th>Message</th>
                                     </tr>
                                 </thead>
@@ -124,7 +124,7 @@
                                         <td>{{ log.Timestamp | date:'medium' }}</td>
                                         <td><umb-badge size="s" color="{{ log.logTypeColor }}">{{ log.Level }}</umb-badge></td>
                                         <td><small>{{ log.Properties.MachineName.Value }}</small></td>
-                                        <td>{{ log.RenderedMessage }}</td>
+                                        <td style="word-break: break-word;">{{ log.RenderedMessage }}</td>
                                     </tr>
 
                                     <!-- Log Details (Exception & Properties) -->