DevTools: fix info note order for logged functions

Functions formatted in console populate their element asynchronously
with their function name. This may result in the blue 'i' info note
on the wrong side.

Screenshot: https://imgur.com/a/qQUBb

Bug: 807815
Change-Id: Idd4e0bcba4369a0572dc26f57f61e46302205cb1
Reviewed-on: https://chromium-review.googlesource.com/896640Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Commit-Queue: Erik Luo <luoe@chromium.org>
Cr-Commit-Position: refs/heads/master@{#533806}

third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js

@@ -577,7 +577,8 @@ Console.ConsoleViewMessage = class {
       titleElement.classList.add('console-object-preview');
       this._previewFormatter.appendObjectPreview(titleElement, obj.preview, false /* isEntry */);
     } else if (obj.type === 'function') {
-      ObjectUI.ObjectPropertiesSection.formatObjectAsFunction(obj, titleElement, false);
+      var functionElement = titleElement.createChild('span');
+      ObjectUI.ObjectPropertiesSection.formatObjectAsFunction(obj, functionElement, false);
       titleElement.classList.add('object-value-function');
     } else {
       titleElement.createTextChild(obj.description || '');