diff --git a/x-pack/plugins/observability/public/pages/alerts/alerts_table_t_grid.tsx b/x-pack/plugins/observability/public/pages/alerts/alerts_table_t_grid.tsx index b721650707384f1..a668893d9026393 100644 --- a/x-pack/plugins/observability/public/pages/alerts/alerts_table_t_grid.tsx +++ b/x-pack/plugins/observability/public/pages/alerts/alerts_table_t_grid.tsx @@ -41,11 +41,9 @@ const EventsThContent = styled.div.attrs(({ className = '' }) => ({ className: `siemEventsTable__thContent ${className}`, }))<{ textAlign?: string; width?: number }>` font-size: ${({ theme }) => theme.eui.euiFontSizeXS}; - font-weight: ${({ theme }) => theme.eui.euiFontWeightSemiBold}; + font-weight: ${({ theme }) => theme.eui.euiFontWeightBold}; line-height: ${({ theme }) => theme.eui.euiLineHeight}; min-width: 0; - position: relative; - top: 3px; padding: ${({ theme }) => theme.eui.paddingSizes.xs}; text-align: ${({ textAlign }) => textAlign}; width: ${({ width }) => @@ -65,26 +63,18 @@ const EventsThContent = styled.div.attrs(({ className = '' }) => ({ export const columns: Array< Pick & ColumnHeaderOptions > = [ - { - columnHeaderType: 'not-filtered', - displayAsText: i18n.translate('xpack.observability.alertsTGrid.statusColumnDescription', { - defaultMessage: 'Status', - }), - id: ALERT_STATUS, - initialWidth: 79, - }, { columnHeaderType: 'not-filtered', displayAsText: i18n.translate('xpack.observability.alertsTGrid.triggeredColumnDescription', { defaultMessage: 'Triggered', }), id: ALERT_START, - initialWidth: 116, + initialWidth: 176, }, { columnHeaderType: 'not-filtered', displayAsText: i18n.translate('xpack.observability.alertsTGrid.durationColumnDescription', { - defaultMessage: 'Duration', + defaultMessage: 'Alert duration', }), id: ALERT_DURATION, initialWidth: 116, @@ -104,7 +94,6 @@ export const columns: Array< }), linkField: '*', id: RULE_NAME, - initialWidth: 400, }, ]; @@ -123,7 +112,7 @@ export function AlertsTableTGrid(props: AlertsTableTGridProps) { const leadingControlColumns = [ { id: 'expand', - width: 40, + width: 20, headerCellRender: () => { return ( @@ -152,7 +141,7 @@ export function AlertsTableTGrid(props: AlertsTableTGridProps) { }, { id: 'view_in_app', - width: 40, + width: 20, headerCellRender: () => null, rowCellRender: ({ data }: ActionProps) => { const dataFieldEs = data.reduce((acc, d) => ({ ...acc, [d.field]: d.value }), {});