Remove gas slider from advance-tab-content.component

ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/advanced-tab-content.component.js

@@ -4,7 +4,6 @@ import {
   MIN_GAS_PRICE_DEC,
   MIN_GAS_LIMIT_DEC,
 } from '../../../send/send.constants'
-import GasSlider from '../../gas-slider'
 import TimeRemaining from './time-remaining'
 
 export default class AdvancedTabContent extends Component {
@@ -98,20 +97,6 @@ export default class AdvancedTabContent extends Component {
           { this.context.t('feeChartTitle') }
         </div>
         <div className="advanced-tab__fee-chart" />
-        <div className="advanced-tab__slider-container">
-          <GasSlider
-            onChange={value => {
-              updateCustomGasPrice(Number(value))
-            }}
-            lowLabel={'Cheaper'}
-            highLabel={'Faster'}
-            value={customGasPrice}
-            step={0.1}
-            max={200}
-            min={0}
-            coloredStart={{}}
-          />
-        </div>
         { this.renderGasEditRows(
             customGasPrice,
             updateCustomGasPrice,

ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss

@@ -4,6 +4,7 @@
   display: flex;
   flex-flow: column;
   border-bottom: 1px solid $alto;
+  height: 430px;
 
   &__transaction-data-summary,
   &__fee-chart-title,

ui/app/components/gas-customization/gas-modal-page-container/index.scss

@@ -11,11 +11,8 @@
     height: 219px;
   }
 
-  &__advanced-tab {
-    height: 475px;
-  }
 
-  &__info-row, &__info-row--fade {
+  .info-row, .info-row--fade {
     width: 100%;
     background: $polar;
     padding: 15px 21px;