commit bbc7a568749ca009a94011a457cb8908cdc94c31
author Pablo Gamito <pablogamito@google.com> Fri Jun 26 15:53:57 2020 +0100
committer Pablo Gamito <pablogamito@google.com> Mon Jul 13 10:06:11 2020 +0100
tree 78b099d5689b3024c36f9bb9ca1420d67eff5bbb
parent f0031c49cebe4ab599228440fcd072aec4e49913

Update log entries to scale better with window sizes and message lengths

Test: Resize window and look at different log messages to see if logs still look good.
Change-Id: I8dc967f3689d1d53091c23f672f26d339ae73759

tools/winscope/src/LogEntry.vue

diff --git a/tools/winscope/src/LogEntry.vue b/tools/winscope/src/LogEntry.vue
index dd4f761..4bc3f84 100644
--- a/tools/winscope/src/LogEntry.vue
+++ b/tools/winscope/src/LogEntry.vue
@@ -49,18 +49,23 @@
 }
 
 .tag-column {
-  width: 10em;
+  width: 12em;
+  min-width: 12em;
 }
 
 .at-column {
   width: 30em;
+  min-width: 30em;
 }
 
 .text-column {
-  white-space: nowrap;
+  min-width: 50em;
+  flex-grow: 1;
+  word-wrap: break-word;
 }
 
 .entry {
+  width: 100%;
   display: inline-flex;
 }
 
@@ -93,5 +98,6 @@
   padding: 0 5px;
   margin-left: 5px;
   font-size: 10px;
+  align-self: flex-start;
 }
 </style>
\ No newline at end of file