[ML] Anomaly Detection: Datafeed counts job messages table responsive…

…ness fix (#204625)

Fix for: [#204589](#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 <[email protected]>

x-pack/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx

@@ -66,23 +66,23 @@ export const JobMessages: FC<JobMessagesProps> = ({
           ''
         ),
         render: (message: JobMessage) => <JobIcon message={message} />,
-        width: `${euiTheme.size.l}`,
+        width: `${euiTheme.size.xl}`,
+        align: 'center',
       },
       {
         field: 'timestamp',
         name: i18n.translate('xpack.ml.jobMessages.timeLabel', {
           defaultMessage: 'Time',
         }),
         render: timeFormatter,
-        width: '120px',
+        width: '25%',
         sortable: true,
       },
       {
         field: 'message',
         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: {