fixes elastic#117448: button styles in exploratory view header (elast…

…ic#122239)
gbamparop · Jan 12, 2022 · 876ade5 · 876ade5
1 parent 99a73fc
commit 876ade5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/...vability/public/components/shared/exploratory_view/components/action_menu/action_menu.tsx b/...vability/public/components/shared/exploratory_view/components/action_menu/action_menu.tsx
@@ -69,6 +69,7 @@ export function ExpViewActionMenuContent({
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButton
+            fill={true}
             iconType="save"
             fullWidth={false}
             isDisabled={!lens.canUseEditor() || lensAttributes === null}

diff --git a/...ins/observability/public/components/shared/exploratory_view/header/add_to_case_action.tsx b/...ins/observability/public/components/shared/exploratory_view/header/add_to_case_action.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiLink } from '@elastic/eui';
+import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiLink } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React, { useCallback } from 'react';
 import { toMountPoint, useKibana } from '../../../../../../../../src/plugins/kibana_react/public';
@@ -68,10 +68,9 @@ export function AddToCaseAction({ lensAttributes, timeRange }: AddToCaseProps) {
 
   return (
     <>
-      <EuiButton
+      <EuiButtonEmpty
         size="s"
         isLoading={isSaving}
-        fullWidth={false}
         isDisabled={lensAttributes === null}
         onClick={() => {
           if (lensAttributes) {
@@ -82,7 +81,7 @@ export function AddToCaseAction({ lensAttributes, timeRange }: AddToCaseProps) {
         {i18n.translate('xpack.observability.expView.heading.addToCase', {
           defaultMessage: 'Add to case',
         })}
-      </EuiButton>
+      </EuiButtonEmpty>
       {isCasesOpen &&
         lensAttributes &&
         cases.getAllCasesSelectorModal(getAllCasesSelectorModalProps)}