fix job messages table responsiveness

elastic · Dec 17, 2024 · d22a1b7 · d22a1b7
1 parent a66c139
commit d22a1b7
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/...ck/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx b/...ck/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx
@@ -66,23 +66,24 @@ 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%',
+        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: {