diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/list/PlansListPage.style.css b/packages/forklift-console-plugin/src/modules/Plans/views/list/PlansListPage.style.css index ef9ec121b..937e9ddc1 100644 --- a/packages/forklift-console-plugin/src/modules/Plans/views/list/PlansListPage.style.css +++ b/packages/forklift-console-plugin/src/modules/Plans/views/list/PlansListPage.style.css @@ -20,3 +20,12 @@ .forklift-table__status-cell-progress div { grid-gap: var(--pf-global--spacer--xs); } + +.forklift-providers-list-buttons__icon { + font-size: smaller; +} + +.forklift-providers-list-buttons { + min-width: 98px; + text-align: left; +} \ No newline at end of file diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ActionsCell.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ActionsCell.tsx index 88dff8eb8..d1f82b452 100644 --- a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ActionsCell.tsx +++ b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ActionsCell.tsx @@ -7,6 +7,9 @@ import { useForkliftTranslation } from 'src/utils/i18n'; import { PlanModel } from '@kubev2v/types'; import { Button, Flex, FlexItem } from '@patternfly/react-core'; +import CutoverIcon from '@patternfly/react-icons/dist/esm/icons/migration-icon'; +import StartIcon from '@patternfly/react-icons/dist/esm/icons/play-icon'; +import ReStartIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon'; import { CellProps } from './CellProps'; @@ -21,7 +24,13 @@ export const ActionsCell = ({ data }: CellProps) => { const isWarmAndExecuting = plan?.spec?.warm && isPlanExecuting(plan); - const buttonStartLabel = canReStart ? t('Restart') : t('start'); + const buttonStartLabel = canReStart ? t('Restart') : t('Start'); + const buttonStartIcon = canReStart ? ( + + ) : ( + + ); + const buttonCutoverIcon = ; return ( @@ -30,7 +39,9 @@ export const ActionsCell = ({ data }: CellProps) => { {canStart && (