Fixes grid -> topo transition.

- Also don't show table borders when no nodes.
- 't' toggles table mode on/off, rather than 't'/v'

client/app/scripts/actions/app-actions.js

@@ -232,8 +232,11 @@ export function clickForceRelayout() {
   };
 }
 
-export function toggleGridMode(enabled) {
+export function toggleGridMode(enabledArgument) {
   return (dispatch, getState) => {
+    const enabled = (enabledArgument === undefined) ?
+      !getState().get('gridMode') :
+      enabledArgument;
     dispatch({
       type: ActionTypes.SET_GRID_MODE,
       enabled

client/app/scripts/charts/nodes-chart.js

@@ -41,8 +41,8 @@ class NodesChart extends React.Component {
       scale: 1,
       selectedNodeScale: d3.scale.linear(),
       hasZoomed: false,
-      height: 0,
-      width: 0,
+      height: props.height || 0,
+      width: props.width || 0,
       zoomCache: {}
     };
   }

client/app/scripts/charts/nodes-grid.js

@@ -121,7 +121,7 @@ class NodesGrid extends React.Component {
 
     return (
       <div className="nodes-grid">
-        <NodeDetailsTable
+        {nodes.size > 0 && <NodeDetailsTable
           style={cmpStyle}
           className={className}
           renderIdCell={renderIdCell}
@@ -134,7 +134,7 @@ class NodesGrid extends React.Component {
           selectedNodeId={this.props.selectedNodeId}
           limit={1000}
           {...detailsData}
-          />
+          />}
       </div>
     );
   }

client/app/scripts/components/app.js

@@ -87,10 +87,8 @@ class App extends React.Component {
         dispatch(pinNextMetric(-1));
       } else if (char === '>') {
         dispatch(pinNextMetric(1));
-      } else if (char === 'v') {
-        dispatch(toggleGridMode(false));
       } else if (char === 't') {
-        dispatch(toggleGridMode(true));
+        dispatch(toggleGridMode());
       } else if (char === 'q') {
         dispatch(unpinMetric());
         dispatch(selectMetric(null));