diff --git a/workspaces/orchestrator/.changeset/wicked-spoons-bow.md b/workspaces/orchestrator/.changeset/wicked-spoons-bow.md new file mode 100644 index 000000000..9f135e0c2 --- /dev/null +++ b/workspaces/orchestrator/.changeset/wicked-spoons-bow.md @@ -0,0 +1,5 @@ +--- +'@red-hat-developer-hub/backstage-plugin-orchestrator-form-react': patch +--- + +Fix alignment of key-values on the Review step of the Run Workflow. diff --git a/workspaces/orchestrator/plugins/orchestrator-form-react/src/components/ReviewStep.tsx b/workspaces/orchestrator/plugins/orchestrator-form-react/src/components/ReviewStep.tsx index 0479515e6..5f02e6ea4 100644 --- a/workspaces/orchestrator/plugins/orchestrator-form-react/src/components/ReviewStep.tsx +++ b/workspaces/orchestrator/plugins/orchestrator-form-react/src/components/ReviewStep.tsx @@ -32,6 +32,20 @@ const useStyles = makeStyles(theme => ({ justifyContent: 'right', marginTop: theme.spacing(2), }, + paper: { + // Workaround since the StructuredMetadataTable is neither responsive as it simply uses nor can be customized via props or styles. + '& > table > tbody > tr': { + '& > td:nth-child(1)': { + minWidth: '10rem', + width: '25%', + }, + '& > td:nth-child(2)': { + display: 'flex', + flexDirection: 'row', + justifyContent: 'left', + }, + }, + }, })); const ReviewStep = ({ @@ -52,7 +66,7 @@ const ReviewStep = ({ }, [schema, data]); return ( - +