* Move toggle details buttons and associated methods and showDetails state into nav of TxForm component

* Pass showDetails down as props to TxDetails

* Remove previous attempt to display TxDetails like a popup above other fields
(i.e. remove form-details-wrapper and -details-value styles)

* Move "Details" / "Hide" buttons into the form-nav footer section

* TxDetails now appears above the footer area above other input fields without causing the screen height to increase

* Background of the TxDetails darkened so it stands out from surroudings

* Change "Details" arrow to point upwards since TxDetails now shown above

* Change "Hide" arrow to point downward since TxDetails now shown above

* Rename classnames to `_` or `-` more consistently

* Note: To quickly display the 'Details' button so you can click it change TxForm.js as follows:

```
{/* {valid && this.estimatedTxFee(values) ? ( */}
  <TxDetails
    // estimatedTxFee={this.estimatedTxFee(values)}
    estimatedTxFee={new BigNumber('8100000')}
    token={token}
    // values={values}
    values={ { amount: new BigNumber('0.1'), gasPrice: new BigNumber('21000') } }
  />
{/* ) : null} */}

Note: It is necessary to have no indentation otherwise spaces are interpreted.

See discussion of options: https://github.com/paritytech/fether/pull/307#discussion_r244695598