From e7153db33b7605cef49a2dab7aeadb4aa5a14e84 Mon Sep 17 00:00:00 2001
From: Thomas Neirynck <thomas@elastic.co>
Date: Mon, 9 Mar 2020 11:37:30 -0400
Subject: [PATCH] formatting

---
 .../components/color/color_map_select.js      | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/color/color_map_select.js b/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/color/color_map_select.js
index ca50691ce105eb..0d4cf322d2a406 100644
--- a/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/color/color_map_select.js
+++ b/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/color/color_map_select.js
@@ -93,22 +93,28 @@ export class ColorMapSelect extends Component {
       return null;
     }
 
+    let colorStopEditor;
     if (this.props.colorMapType === COLOR_MAP_TYPE.ORDINAL) {
-      return (
+      colorStopEditor = (
         <ColorStopsOrdinal
           colorStops={this.state.customColorMap}
           onChange={this._onCustomColorMapChange}
         />
       );
-    }
+    } else
+      colorStopEditor = (
+        <ColorStopsCategorical
+          colorStops={this.state.customColorMap}
+          field={this.props.styleProperty.getField()}
+          getValueSuggestions={this.props.styleProperty.getValueSuggestions}
+          onChange={this._onCustomColorMapChange}
+        />
+      );
 
     return (
-      <ColorStopsCategorical
-        colorStops={this.state.customColorMap}
-        field={this.props.styleProperty.getField()}
-        getValueSuggestions={this.props.styleProperty.getValueSuggestions}
-        onChange={this._onCustomColorMapChange}
-      />
+      <EuiFlexGroup>
+        <EuiFlexItem>{colorStopEditor}</EuiFlexItem>
+      </EuiFlexGroup>
     );
   }
 
@@ -154,12 +160,8 @@ export class ColorMapSelect extends Component {
     return (
       <Fragment>
         {this._renderColorMapSelections()}
-
         <EuiSpacer size="s" />
-
-        <EuiFlexGroup>
-          <EuiFlexItem>{this._renderColorStopsInput()}</EuiFlexItem>
-        </EuiFlexGroup>
+        {this._renderColorStopsInput()}
       </Fragment>
     );
   }