* 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} */}

review-fix: Hide vertical overflow on body element so scrollbar not flicker on/off when TxDetails toggled

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

* Remove `isEstimatedTxFee` since can just use `estimatedTxFee` to achieve same functionality

* Rename `newEstimatedTxFee` to `newGasEstimate` since it returns a value that's used for the `values.gas` prop

* Update `estimatedTxFee` to return `null` if the amount, gas, gasPrice values provided aren't valid, instead of returning the calculated estimated tx fee

* Wrap call to `estimateGas` in a try/catch block that throws error "Unable to estimate gas" when error thrown when calling `estimateGas` in TxForm.js

* Move check `if (!ethBalance) {` earlier in function