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 73 matching lines @@
 .console-user-command {
     clear: right;
     position: relative;
     padding: 3px 22px 1px 0;
     margin-left: 24px;
     min-height: 18px;  /* Sync with ConsoleViewMessage.js */
     flex: auto;
     display: flex;
 }
 
+.show-context-icons .console-message,
+.show-context-icons .console-user-command {
+    margin-left: 44px;
+}
+
+.show-context-icons .console-message.repeated-message {
+    margin-left: 20px;
+}
+
 .console-message > * {
     flex: auto;
 }
 
 .console-timestamp {
     color: gray;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.console-context-icon {
+    position: absolute;
+    top: 1px;
+    left: -35px;
+}
+
+.repeated-message .console-context-icon {
+    left: -15px;
+}
+
+.console-timestamp, .console-context-icon {
+    margin-right: 5px;
     -webkit-user-select: none;
     flex: none;
-    margin-right: 5px;
 }
 
 .message-level-icon, .command-result-icon {
     position: absolute;
     left: -17px;
     top: 4px;
     -webkit-user-select: none;
 }
 
 .console-message-repeat-count {
@@ skipping 244 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;
 }