diff --git a/packages/kbn-alerts-ui-shared/src/alert_filter_controls/index.scss b/packages/kbn-alerts-ui-shared/src/alert_filter_controls/index.scss index 416a996b9dcaf..dbc1b992c7a6d 100644 --- a/packages/kbn-alerts-ui-shared/src/alert_filter_controls/index.scss +++ b/packages/kbn-alerts-ui-shared/src/alert_filter_controls/index.scss @@ -9,27 +9,3 @@ [id^=control-popover] .euiPopoverTitle { display: none } - -.filter-group__wrapper { - .euiPanel.controlsWrapper { - min-height: 34px; - } - - .euiFormControlLayout.euiFormControlLayout--group.controlFrame__formControlLayout { - height: 34px; - & .euiFormLabel.controlFrame__formControlLayoutLabel { - padding: 8px !important; - } - - .euiButtonEmpty.euiFilterButton { - height: 32px; - } - } - .euiText.errorEmbeddableCompact__button { - padding: 8px; - .euiLink { - display:flex; - gap: 8px; - } - } -} diff --git a/packages/kbn-alerts-ui-shared/src/alert_filter_controls/loading.tsx b/packages/kbn-alerts-ui-shared/src/alert_filter_controls/loading.tsx index 72dd89471b150..ada23b3cfb92f 100644 --- a/packages/kbn-alerts-ui-shared/src/alert_filter_controls/loading.tsx +++ b/packages/kbn-alerts-ui-shared/src/alert_filter_controls/loading.tsx @@ -9,17 +9,12 @@ import React from 'react'; import { EuiButton, EuiLoadingChart } from '@elastic/eui'; -import styled from '@emotion/styled'; import { TEST_IDS } from './constants'; -const FilterGroupLoadingButton = styled(EuiButton)` - height: 34px; -`; - export const FilterGroupLoading = () => { return ( - + - + ); }; diff --git a/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss b/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss index bb05f663ca42f..4987a58275237 100644 --- a/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss +++ b/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss @@ -27,6 +27,7 @@ .controlErrorButton { width: 100%; border-radius: 0 $euiBorderRadius $euiBorderRadius 0 !important; + height: $euiButtonHeightSmall; &--content { justify-content: left; diff --git a/src/plugins/embeddable/public/lib/embeddables/error_embeddable.scss b/src/plugins/embeddable/public/lib/embeddables/error_embeddable.scss index 739d6930001e9..bf58bd34511a7 100644 --- a/src/plugins/embeddable/public/lib/embeddables/error_embeddable.scss +++ b/src/plugins/embeddable/public/lib/embeddables/error_embeddable.scss @@ -1,10 +1,11 @@ - .errorEmbeddableCompact__popover { height: 100%; max-width: 100%; } .errorEmbeddableCompact__button { + height: $euiButtonHeightSmall; + :hover { text-decoration: underline; text-decoration-color: $euiTextSubduedColor !important;