[DevTools] Move destructive buttons in DevTools > Application 4 tables

Destructive buttons in these tables are moved to the right to avoid
inadvertently clicked: LocalStorage, SessionStorage, IndexedDB > object
store, and Cookies. Note this is different from what the issue filer
was originally asking.

Bug: 892231
Change-Id: I112545afaf16c56651835c3097ce6ab58e7fa102
Reviewed-on: https://chromium-review.googlesource.com/c/1376491
Reviewed-by: Erik Luo <[email protected]>
Commit-Queue: Haihong Li (Harley) <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#616910}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 8f828e6f14fc26a55870f95dfdd4b53dc153dc78
diff --git a/front_end/resources/IndexedDBViews.js b/front_end/resources/IndexedDBViews.js
index c102c67..63382fb 100644
--- a/front_end/resources/IndexedDBViews.js
+++ b/front_end/resources/IndexedDBViews.js
@@ -209,8 +209,6 @@
     const editorToolbar = new UI.Toolbar('data-view-toolbar', this.element);
 
     editorToolbar.appendToolbarItem(this._refreshButton);
-    editorToolbar.appendToolbarItem(this._clearButton);
-    editorToolbar.appendToolbarItem(this._deleteSelectedButton);
 
     editorToolbar.appendToolbarItem(new UI.ToolbarSeparator());
 
@@ -226,6 +224,9 @@
     this._keyInput = new UI.ToolbarInput(ls`Start from key`, 0.5);
     this._keyInput.addEventListener(UI.ToolbarInput.Event.TextChanged, this._updateData.bind(this, false));
     editorToolbar.appendToolbarItem(this._keyInput);
+    editorToolbar.appendToolbarItem(new UI.ToolbarSeparator());
+    editorToolbar.appendToolbarItem(this._clearButton);
+    editorToolbar.appendToolbarItem(this._deleteSelectedButton);
 
     editorToolbar.appendToolbarItem(this._needsRefresh);
   }