[7.x] [Logs UI] Refine log entry row context button (#71260) (#71617)

Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Elastic Machine <[email protected]>
elastic · Jul 14, 2020 · b0ba9e6 · b0ba9e6
1 parent 3740969
commit b0ba9e6
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx b/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
@@ -6,7 +6,13 @@
 
 import React, { useMemo } from 'react';
 import { i18n } from '@kbn/i18n';
-import { EuiButtonIcon, EuiPopover, EuiContextMenuPanel, EuiContextMenuItem } from '@elastic/eui';
+import {
+  EuiButton,
+  EuiIcon,
+  EuiPopover,
+  EuiContextMenuPanel,
+  EuiContextMenuItem,
+} from '@elastic/eui';
 
 import { euiStyled } from '../../../../../observability/public';
 import { LogEntryColumnContent } from './log_entry_column';
@@ -50,12 +56,15 @@ export const LogEntryContextMenu: React.FC<LogEntryContextMenuProps> = ({
 
   const button = (
     <ButtonWrapper>
-      <EuiButtonIcon
+      <EuiButton
+        size="s"
+        fill
         aria-label={ariaLabel || DEFAULT_MENU_LABEL}
-        color="ghost"
-        iconType="boxesHorizontal"
         onClick={onOpen}
-      />
+        style={{ minWidth: 'auto' }}
+      >
+        <EuiIcon type="boxesHorizontal" />
+      </EuiButton>
     </ButtonWrapper>
   );
 
@@ -88,8 +97,5 @@ const AbsoluteWrapper = euiStyled.div`
 `;
 
 const ButtonWrapper = euiStyled.div`
-  background: ${(props) => props.theme.eui.euiColorPrimary};
-  border-radius: 50%;
-  padding: 4px;
-  transform: translateY(-6px);
+  transform: translate(-6px, -6px);
 `;