move label to center, similar to ramps

elastic · Dec 26, 2019 · 704be5c · 704be5c
1 parent c00ad5f
commit 704be5c
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/vector/properties/dynamic_color_property.js b/x-pack/legacy/plugins/maps/public/layers/styles/vector/properties/dynamic_color_property.js
@@ -211,7 +211,14 @@ export class DynamicColorProperty extends DynamicStyleProperty {
     return (
       <div>
         <EuiSpacer size="s" />
-        <EuiFlexGroup gutterSize="xs" justifyContent="spaceBetween">
+        <EuiFlexGroup direction={'column'}>
+          {this._renderColorbreaks({
+            isPointsOnly,
+            isLinesOnly,
+            symbolId,
+          })}
+        </EuiFlexGroup>
+        <EuiFlexGroup gutterSize="xs" justifyContent="spaceAround">
           <EuiFlexItem grow={false}>
             <EuiToolTip position="top" title={this.getDisplayStyleName()} content={fieldLabel}>
               <EuiText className="eui-textTruncate" size="xs" style={{ maxWidth: '180px' }}>
@@ -222,13 +229,6 @@ export class DynamicColorProperty extends DynamicStyleProperty {
             </EuiToolTip>
           </EuiFlexItem>
         </EuiFlexGroup>
-        <EuiFlexGroup direction={'column'}>
-          {this._renderColorbreaks({
-            isPointsOnly,
-            isLinesOnly,
-            symbolId,
-          })}
-        </EuiFlexGroup>
       </div>
     );
   }