tabindex and style adjustments

elastic · Apr 15, 2020 · 35c2bf5 · 35c2bf5
1 parent dbc8714
commit 35c2bf5
Showing 1 changed file with 22 additions and 2 deletions.
diff --git a/x-pack/plugins/endpoint/public/embeddables/resolver/view/process_event_dot.tsx b/x-pack/plugins/endpoint/public/embeddables/resolver/view/process_event_dot.tsx
@@ -61,15 +61,33 @@ const nodeAssets = {
 
 const ChildEventsButton = () => {
   return (
-    <EuiButton onClick={() => {}} color="ghost" size="s" iconType="arrowDown" iconSide="right">
+    <EuiButton
+      onClick={(clickEvent: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+        clickEvent.preventDefault();
+        clickEvent.stopPropagation();
+      }}
+      color="ghost"
+      size="s"
+      iconType="arrowDown"
+      iconSide="right"
+      tabIndex={-1}
+    >
       Events
     </EuiButton>
   );
 };
 
 const RelatedAlertsButton = () => {
   return (
-    <EuiButton onClick={() => {}} color="ghost" size="s">
+    <EuiButton
+      onClick={(clickEvent: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+        clickEvent.preventDefault();
+        clickEvent.stopPropagation();
+      }}
+      color="ghost"
+      size="s"
+      tabIndex={-1}
+    >
       Related Alerts
     </EuiButton>
   );
@@ -361,6 +379,8 @@ export const ProcessEventDot = styled(
   white-space: nowrap;
   will-change: left, top, width, height;
   contain: strict;
+  min-width: 280px;
+  min-height: 90px;
 
   //dasharray & dashoffset should be equal to "pull" the stroke back
   //when it is transitioned.