From 29984c48bdca25336fc5da69484380dc3232b73d Mon Sep 17 00:00:00 2001
From: Robert Jaszczurek <92210485+rbrtj@users.noreply.github.com>
Date: Mon, 23 Dec 2024 11:57:31 +0100
Subject: [PATCH] [ML] Anomaly Detection: Datafeed counts job messages table
 responsiveness fix (#204625)

Fix for: [#204589](https://github.com/elastic/kibana/issues/204589)

DFA jobs table:
<img width="1003" alt="image"
src="https://github.com/user-attachments/assets/72930708-eba6-4167-8aab-66dfd5a67691"
/>

AD jobs table:
<img width="1225" alt="image"
src="https://github.com/user-attachments/assets/9b66ac57-8a6c-43dd-8bdf-9eda5d7bf2ea"
/>

Datafeed counts job messages table:


https://github.com/user-attachments/assets/62cb6708-bdc2-4f79-b016-b3c43486dd3b

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
---
 .../components/job_messages/job_messages.tsx         | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx
index 44a9d4f860ecd..988e982614747 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx
@@ -66,7 +66,8 @@ export const JobMessages: FC<JobMessagesProps> = ({
           ''
         ),
         render: (message: JobMessage) => <JobIcon message={message} />,
-        width: `${euiTheme.size.l}`,
+        width: `${euiTheme.size.xl}`,
+        align: 'center',
       },
       {
         field: 'timestamp',
@@ -74,7 +75,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
           defaultMessage: 'Time',
         }),
         render: timeFormatter,
-        width: '120px',
+        width: '25%',
         sortable: true,
       },
       {
@@ -82,7 +83,6 @@ export const JobMessages: FC<JobMessagesProps> = ({
         name: i18n.translate('xpack.ml.jobMessages.messageLabel', {
           defaultMessage: 'Message',
         }),
-        width: '50%',
       },
     ];
 
@@ -92,7 +92,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
         name: i18n.translate('xpack.ml.jobMessages.nodeLabel', {
           defaultMessage: 'Node',
         }),
-        width: '150px',
+        width: '15%',
       });
     }
 
@@ -101,7 +101,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
         name: i18n.translate('xpack.ml.jobMessages.actionsLabel', {
           defaultMessage: 'Actions',
         }),
-        width: '10%',
+        width: '15%',
         actions: [
           {
             render: (message: JobMessage) => {
@@ -131,7 +131,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
     }
 
     return cols;
-  }, [showNodeInfo, refreshMessage, actionHandler, euiTheme]);
+  }, [refreshMessage, euiTheme.size.xl, showNodeInfo, actionHandler]);
 
   const defaultSorting = {
     sort: {