DevTools: insert console message decorations in order

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

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 77 matching lines @@
     margin-left: 24px;
     min-height: 18px;  /* Sync with ConsoleViewMessage.js */
     flex: auto;
     display: flex;
 }
 
 .console-message > * {
     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 {
     position: absolute;
     left: -17px;
     top: 5px;
     -webkit-user-select: none;
 }
 
 .console-message-repeat-count {
@@ skipping 246 matching lines @@
 .console-message-stack-trace-wrapper {
     flex: 1 1 auto;
     display: flex;
     flex-direction: column;
     align-items: stretch;
 }
 
 .console-message-stack-trace-wrapper > * {
     flex: none;
 }