Tooltip styles

x-pack/legacy/plugins/maps/public/components/_tooltip_selector.scss

@@ -1,7 +1,7 @@
 .mapTooltipSelector__propertyRow {
   display: flex;
 
-  padding-bottom: $euiSizeS;
+  padding: $euiSizeXS 0;
   border-bottom: 1px solid $euiColorLightShade;
   background-color: $euiColorEmptyShade;
 
@@ -29,12 +29,14 @@
 
 .mapTooltipSelector__propertyRow-isDraggingOver {
   // Don't allow interaction events while layer is being re-ordered
+  // sass-lint:disable-block no-important
   pointer-events: none !important;
 }
 
 .mapTooltipSelector__propertyContent {
   overflow: hidden;
   flex-grow: 1;
+  min-height: 24px;
 }
 
 .mapTooltipSelector__propertyIcons {
@@ -50,6 +52,7 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

x-pack/legacy/plugins/maps/public/components/add_tooltip_field_popover.js

@@ -13,6 +13,7 @@ import {
   EuiSelectable,
   EuiButton,
   EuiSpacer,
+  EuiTextAlign
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
@@ -142,13 +143,16 @@ export class AddTooltipFieldPopover extends Component {
 
         <EuiSpacer size="xs" />
         <EuiPopoverFooter>
-          <EuiButton
-            fill
-            isDisabled={this.state.checkedFields.length === 0}
-            onClick={this._onAdd}
-          >
-            {addLabel}
-          </EuiButton>
+          <EuiTextAlign textAlign="right">
+            <EuiButton
+              fill
+              isDisabled={this.state.checkedFields.length === 0}
+              onClick={this._onAdd}
+              size="s"
+            >
+              {addLabel}
+            </EuiButton>
+          </EuiTextAlign>
         </EuiPopoverFooter>
       </Fragment>
     );

x-pack/legacy/plugins/maps/public/components/tooltip_selector.js

@@ -98,7 +98,7 @@ export class TooltipSelector extends Component {
                       'mapTooltipSelector__propertyRow-isDraggingOver': snapshot.isDraggingOver
                     })}
                   >
-                    <EuiText className="mapTooltipSelector__propertyContent">
+                    <EuiText className="mapTooltipSelector__propertyContent" size="s">
                       {this._getPropertyLabel(propertyName)}
                     </EuiText>
                     <div className="mapTooltipSelector__propertyIcons">
@@ -155,6 +155,8 @@ export class TooltipSelector extends Component {
 
         {this._renderProperties()}
 
+        <EuiSpacer size="s" />
+
         <EuiTextAlign textAlign="center">
           <AddTooltipFieldPopover
             onAdd={this._onAdd}

x-pack/legacy/plugins/maps/public/layers/sources/es_search_source/update_source_editor.js

@@ -196,13 +196,14 @@ export class UpdateSourceEditor extends Component {
     let topHitsCheckbox;
     if (this.state.dateFields && this.state.dateFields.length) {
       topHitsCheckbox = (
-        <EuiFormRow>
+        <EuiFormRow display="rowCompressed">
           <EuiSwitch
             label={i18n.translate('xpack.maps.source.esSearch.useTopHitsLabel', {
               defaultMessage: `Show most recent documents by entity`,
             })}
             checked={this.props.useTopHits}
             onChange={this.onUseTopHitsChange}
+            compressed
           />
         </EuiFormRow>
       );
@@ -218,13 +219,14 @@ export class UpdateSourceEditor extends Component {
           />
         </EuiFormRow>
 
-        <EuiFormRow>
+        <EuiFormRow display="rowCompressed">
           <EuiSwitch
             label={i18n.translate('xpack.maps.source.esSearch.extentFilterLabel', {
               defaultMessage: `Dynamically filter for data in the visible map area`,
             })}
             checked={this.props.filterByMapBounds}
             onChange={this._onFilterByMapBoundsChange}
+            compressed
           />
         </EuiFormRow>