diff --git a/x-pack/legacy/plugins/maps/public/components/geometry_filter_form.js b/x-pack/legacy/plugins/maps/public/components/geometry_filter_form.js
index 2c518a856f239..10410f4d79e5b 100644
--- a/x-pack/legacy/plugins/maps/public/components/geometry_filter_form.js
+++ b/x-pack/legacy/plugins/maps/public/components/geometry_filter_form.js
@@ -16,6 +16,7 @@ import {
EuiButton,
EuiSelect,
EuiSpacer,
+ EuiTextAlign,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { ES_GEO_FIELD_TYPE, ES_SPATIAL_RELATIONS } from '../../common/constants';
@@ -154,8 +155,6 @@ export class GeometryFilterForm extends Component {
});
return (
-
-
- {this.props.buttonLabel}
-
+
+
+
+
+ {this.props.buttonLabel}
+
+
);
}
diff --git a/x-pack/legacy/plugins/maps/public/connected_components/toolbar_overlay/set_view_control/set_view_control.js b/x-pack/legacy/plugins/maps/public/connected_components/toolbar_overlay/set_view_control/set_view_control.js
index f1d055d357b24..05ec23d10795a 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/toolbar_overlay/set_view_control/set_view_control.js
+++ b/x-pack/legacy/plugins/maps/public/connected_components/toolbar_overlay/set_view_control/set_view_control.js
@@ -13,6 +13,8 @@ import {
EuiFieldNumber,
EuiButtonIcon,
EuiPopover,
+ EuiTextAlign,
+ EuiSpacer,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n/react';
@@ -72,7 +74,7 @@ export class SetViewControl extends Component {
return {
isInvalid,
component: (
-
+
+
{latFormRow}
{lonFormRow}
{zoomFormRow}
-
-
-
+
+
+
+
+
+
+
);
}
@@ -149,6 +158,7 @@ export class SetViewControl extends Component {
return (
{
@@ -42,18 +49,18 @@ export class ToolsControl extends Component {
this.setState({ isPopoverOpen: false });
};
- _initiateShapeDraw = (options) => {
+ _initiateShapeDraw = options => {
this.props.initiateDraw({
drawType: DRAW_TYPE.POLYGON,
- ...options
+ ...options,
});
this._closePopover();
- }
+ };
- _initiateBoundsDraw = (options) => {
+ _initiateBoundsDraw = options => {
this.props.initiateDraw({
drawType: DRAW_TYPE.BOUNDS,
- ...options
+ ...options,
});
this._closePopover();
};
@@ -68,48 +75,50 @@ export class ToolsControl extends Component {
items: [
{
name: DRAW_SHAPE_LABEL,
- panel: 1
+ panel: 1,
},
{
name: DRAW_BOUNDS_LABEL,
- panel: 2
- }
- ]
+ panel: 2,
+ },
+ ],
},
{
id: 1,
- title: DRAW_SHAPE_LABEL,
+ title: DRAW_SHAPE_LABEL_SHORT,
content: (
- )
+ ),
},
{
id: 2,
- title: DRAW_BOUNDS_LABEL,
+ title: DRAW_BOUNDS_LABEL_SHORT,
content: (
- )
- }
+ ),
+ },
];
}
@@ -141,10 +150,7 @@ export class ToolsControl extends Component {
withTitle
anchorPosition="leftUp"
>
-
+
);
@@ -154,15 +160,9 @@ export class ToolsControl extends Component {
return (
+ {toolsPopoverButton}
- {toolsPopoverButton}
-
-
-
+