DevTools: insert console message decorations in order

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

Index: third_party/WebKit/Source/devtools/front_end/console/consoleView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
index 361c3e3ab580bd1d5b1aaf6083382edd029db190..710663ac1b0eb7ca73a88331160d9dde1f49819f 100644
--- a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
+++ b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
@@ -95,11 +95,32 @@
     flex: auto;
 }
 
-.console-timestamp {
+.console-timestamp, .console-context-label {
     color: gray;
     -webkit-user-select: none;
-    flex-grow: 0;
-    margin-right: 5px;
+    flex: none;
+}
+
+.console-timestamp {
+    margin-right: 15px;
+    max-width: 80px;
+    overflow: hidden;
+}
+
+.console-timestamp-visible {
+    white-space: nowrap;
+    float: right;
+}
+
+.console-context-label:not(:empty) {
+    margin-right: 15px;
+    width: 80px;
+}
+
+.console-context-label {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 .message-level-icon, .command-result-icon {