DevTools: improved layout for Kbd Shortcuts & Settings

Source/devtools/front_end/components/ShortcutsScreen.js

Index: Source/devtools/front_end/components/ShortcutsScreen.js
diff --git a/Source/devtools/front_end/components/ShortcutsScreen.js b/Source/devtools/front_end/components/ShortcutsScreen.js
index c0b44ba355dceb60e9b27c74e2fcd4bbfc8e026a..eacd1141b47c0846fdd21b4278c913c824958fb5 100644
--- a/Source/devtools/front_end/components/ShortcutsScreen.js
+++ b/Source/devtools/front_end/components/ShortcutsScreen.js
@@ -145,15 +145,14 @@ WebInspector.ShortcutsSection.prototype = {
         var parent = container.createChild("div", "help-block");
 
         var headLine = parent.createChild("div", "help-line");
-        headLine.createChild("div", "help-key-cell");
         headLine.createChild("div", "help-section-title help-cell").textContent = this.name;
 
         for (var i = 0; i < this._lines.length; ++i) {
             var line = parent.createChild("div", "help-line");
+            line.createChild("div", "help-cell").textContent = this._lines[i].text;
             var keyCell = line.createChild("div", "help-key-cell");
-            keyCell.appendChild(this._lines[i].key);
             keyCell.appendChild(this._createSpan("help-key-delimiter", ":"));
-            line.createChild("div", "help-cell").textContent = this._lines[i].text;
+            keyCell.appendChild(this._lines[i].key);
         }
     },