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 46d2bc25ced6dcd84418164c5fc2f098215a0485..e9d16411043aef9488538b9eba8200746ee4309f 100644
--- a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
+++ b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
@@ -91,15 +91,40 @@
     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 {