make spacing smaller

elastic · Dec 26, 2019 · 69cad7b · 69cad7b
1 parent 704be5c
commit 69cad7b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/color/color_stops.js b/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/color/color_stops.js
@@ -113,7 +113,7 @@ export const ColorStops = ({ colorStops = [{ stop: 0, color: DEFAULT_COLOR }], o
         display="rowCompressed"
       >
         <div>
-          <EuiFlexGroup responsive={false} alignItems="center" gutterSize="s">
+          <EuiFlexGroup responsive={false} alignItems="center" gutterSize="xs">
             <EuiFlexItem>{stopInput}</EuiFlexItem>
             <EuiFlexItem>{colorInput}</EuiFlexItem>
           </EuiFlexGroup>

diff --git a/...ck/legacy/plugins/maps/public/layers/styles/vector/components/static_dynamic_style_row.js b/...ck/legacy/plugins/maps/public/layers/styles/vector/components/static_dynamic_style_row.js
@@ -111,7 +111,7 @@ export class StaticDynamicStyleRow extends Component {
         });
 
     return (
-      <EuiFlexGroup gutterSize="s">
+      <EuiFlexGroup gutterSize="xs">
         <EuiFlexItem
           className={isDynamic ? 'mapStaticDynamicSylingOption__dynamicSizeHack' : undefined}
         >

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
@@ -194,7 +194,7 @@ export class DynamicColorProperty extends DynamicStyleProperty {
       const value = this.formatField(config.stop);
       return (
         <EuiFlexItem key={index}>
-          <EuiFlexGroup direction={'row'}>
+          <EuiFlexGroup direction={'row'} gutterSize={'none'}>
             <EuiFlexItem>
               <EuiText size={'xs'}>{value}</EuiText>
             </EuiFlexItem>
@@ -211,7 +211,7 @@ export class DynamicColorProperty extends DynamicStyleProperty {
     return (
       <div>
         <EuiSpacer size="s" />
-        <EuiFlexGroup direction={'column'}>
+        <EuiFlexGroup direction={'column'} gutterSize={'none'}>
           {this._renderColorbreaks({
             isPointsOnly,
             isLinesOnly,

diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/vector/properties/dynamic_size_property.js b/x-pack/legacy/plugins/maps/public/layers/styles/vector/properties/dynamic_size_property.js
@@ -142,7 +142,7 @@ export class DynamicSizeProperty extends DynamicStyleProperty {
     }
 
     return (
-      <EuiFlexGroup gutterSize="s" justifyContent="spaceBetween" alignItems="center">
+      <EuiFlexGroup gutterSize="xs" justifyContent="spaceBetween" alignItems="center">
         {icons.map((icon, index) => {
           const isLast = index === icons.length - 1;
           let spacer;