From d22a1b71e6750c57e1a8000227fc42dda61fceda Mon Sep 17 00:00:00 2001
From: rbrtj <robert.jaszczurek@elastic.co>
Date: Tue, 17 Dec 2024 18:18:49 +0100
Subject: [PATCH] fix job messages table responsiveness

---
 .../components/job_messages/job_messages.tsx        | 13 +++++++------
 1 file changed, 7 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..fa9465925ad8a 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,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
         name: i18n.translate('xpack.ml.jobMessages.messageLabel', {
           defaultMessage: 'Message',
         }),
-        width: '50%',
+        width: '40%',
       },
     ];
 
@@ -92,7 +93,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
         name: i18n.translate('xpack.ml.jobMessages.nodeLabel', {
           defaultMessage: 'Node',
         }),
-        width: '150px',
+        width: '15%',
       });
     }
 
@@ -101,7 +102,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
         name: i18n.translate('xpack.ml.jobMessages.actionsLabel', {
           defaultMessage: 'Actions',
         }),
-        width: '10%',
+        width: '20%',
         actions: [
           {
             render: (message: JobMessage) => {
@@ -131,7 +132,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
     }
 
     return cols;
-  }, [showNodeInfo, refreshMessage, actionHandler, euiTheme]);
+  }, [refreshMessage, euiTheme.size.xl, showNodeInfo, actionHandler]);
 
   const defaultSorting = {
     sort: {