[ML] AIOps: Fixing pattern analysis action buttons layout (#181960)

jgowdyelastic · web-flow · commit 3609f882a523 · 2024-04-29T17:49:59.000+01:00
Widening actions column width. **Before** ![image](https://github.com/elastic/kibana/assets/22172091/cd39d806-4bf1-4697-a15b-ceede90bd730) **After** ![image](https://github.com/elastic/kibana/assets/22172091/6bf738a5-f110-4cf3-b530-e147341e1414) Also fixes similar issue with the annotations table in the anomaly explorer. Issue introduced in #180514
diff --git a/x-pack/plugins/aiops/public/components/log_categorization/category_table/category_table.tsx b/x-pack/plugins/aiops/public/components/log_categorization/category_table/category_table.tsx
@@ -194,7 +194,7 @@ export const CategoryTable: FC<Props> = ({
         defaultMessage: 'Actions',
       }),
       sortable: false,
-      width: '60px',
+      width: '65px',
       actions: [
         {
           name: labels.singleSelect.in,
diff --git a/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js b/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
@@ -692,7 +692,7 @@ class AnnotationsTableUI extends Component {
     columns.push(
       {
         align: RIGHT_ALIGNMENT,
-        width: '60px',
+        width: '65px',
         name: i18n.translate('xpack.ml.annotationsTable.actionsColumnName', {
           defaultMessage: 'Actions',
         }),

Original file line number	Diff line number	Diff line change
`@@ -194,7 +194,7 @@ export const CategoryTable: FC<Props> = ({`
`194`	`194`	`defaultMessage: 'Actions',`
`195`	`195`	`}),`
`196`	`196`	`sortable: false,`
`197`		`- width: '60px',`
	`197`	`+ width: '65px',`
`198`	`198`	`actions: [`
`199`	`199`	`{`
`200`	`200`	`name: labels.singleSelect.in,`
Original file line number	Diff line number	Diff line change
`@@ -692,7 +692,7 @@ class AnnotationsTableUI extends Component {`
`692`	`692`	`columns.push(`
`693`	`693`	`{`
`694`	`694`	`align: RIGHT_ALIGNMENT,`
`695`		`- width: '60px',`
	`695`	`+ width: '65px',`
`696`	`696`	`name: i18n.translate('xpack.ml.annotationsTable.actionsColumnName', {`
`697`	`697`	`defaultMessage: 'Actions',`
`698`	`698`	`}),`