Adds '?' to shortcuts

- Fixes '?' after using the terminal
- Fixes <kbd> styling, border-radius was behaving strangley w/ transform
  to center the overlay, so opted for more old school methods.

client/app/scripts/components/help-panel.js

@@ -1,12 +1,13 @@
 import React from 'react';
 
 const GENERAL_SHORTCUTS = [
-  {key: 'esc', label: 'Close panel'},
+  {key: 'esc', label: 'Close active panel'},
+  {key: '?', label: 'Toggle shortcut menu'},
 ];
 
 const CANVAS_METRIC_SHORTCUTS = [
-  {key: '<', label: 'Pin previous metric'},
-  {key: '>', label: 'Pin next metric'},
+  {key: '<', label: 'Select and pin previous metric'},
+  {key: '>', label: 'Select and pin next metric'},
   {key: 'q', label: 'Unpin current metric'},
 ];
 

client/app/scripts/components/terminal.js

@@ -175,6 +175,7 @@ export default class Terminal extends React.Component {
 
     if (this.term) {
       log('destroy terminal');
+      this.term.blur();
       this.term.destroy();
       this.term = null;
     }