diff --git a/client/app/scripts/components/node-details/node-details-table.js b/client/app/scripts/components/node-details/node-details-table.js index a31346783d..88dab6a955 100644 --- a/client/app/scripts/components/node-details/node-details-table.js +++ b/client/app/scripts/components/node-details/node-details-table.js @@ -95,6 +95,16 @@ export default class NodeDetailsTable extends React.Component { const headers = [{id: 'label', label: this.props.label}].concat(columns); const defaultSortBy = this.getDefaultSortBy(); + // Beauty hack: adjust first column width if there are only few columns; + // this assumes the other columns are narrow metric columns of 20% table width + if (headers.length === 2) { + headers[0].width = 66; + } else if (headers.length === 3) { + headers[0].width = 50; + } else if (headers.length >= 3) { + headers[0].width = 33; + } + return (