DevTools: Add "New" button to launch timeline landing page.

BUG=570441

Review-Url: https://codereview.chromium.org/2584783002
Cr-Commit-Position: refs/heads/master@{#439069}

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

@@ -293,6 +293,10 @@ Timeline.TimelinePanel = class extends UI.Panel {
 
     // Record
     if (Runtime.experiments.isEnabled('timelineLandingPage')) {
+      const newButton = new UI.ToolbarButton(
+          Common.UIString('New recording'), 'largeicon-add', Common.UIString('New'));
+      newButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
+      this._panelToolbar.appendToolbarItem(newButton);
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButton(this._toggleRecordAction));
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('main.reload'));
     } else if (Runtime.experiments.isEnabled('timelineRecordingPerspectives') &&
@@ -305,9 +309,11 @@ Timeline.TimelinePanel = class extends UI.Panel {
     }
 
     // Clear
-    var clearButton = new UI.ToolbarButton(Common.UIString('Clear recording'), 'largeicon-clear');
-    clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
-    this._panelToolbar.appendToolbarItem(clearButton);
+    if (!Runtime.experiments.isEnabled('timelineLandingPage')) {
+      const clearButton = new UI.ToolbarButton(Common.UIString('Clear recording'), 'largeicon-clear');
+      clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
+      this._panelToolbar.appendToolbarItem(clearButton);
+    }
 
     this._panelToolbar.appendSeparator();
 
@@ -371,6 +377,7 @@ Timeline.TimelinePanel = class extends UI.Panel {
       this._onModeChanged();
     }
 
+    // Checkboxes
     if (Runtime.experiments.isEnabled('timelineLandingPage')) {
       if (!this._model.isEmpty()) {
         this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(Common.UIString('Memory'),
@@ -421,14 +428,16 @@ Timeline.TimelinePanel = class extends UI.Panel {
         this._panelToolbar.appendToolbarItem(checkbox);
       }
     }
-    this._panelToolbar.appendSeparator();
-    this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
 
     this._panelToolbar.appendSeparator();
     this._cpuThrottlingCombobox = new UI.ToolbarComboBox(this._onCPUThrottlingChanged.bind(this));
     this._panelToolbar.appendToolbarItem(this._createNetworkConditionsSelect());
     this._panelToolbar.appendToolbarItem(this._cpuThrottlingCombobox);
     this._populateCPUThrottingCombobox();
+
+    this._panelToolbar.appendSeparator();
+    this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
+
     this._updateTimelineControls();
   }
 

third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

@@ -87,7 +87,7 @@
 }
 
 .toolbar-has-glyph .toolbar-text {
-    margin-left: 0;
+    margin-left: -4px;
 }
 
 .toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.largeicon-menu) {