Vertically center the pause icon in the node type letter component

This commit is contained in:
mabashian 2020-01-24 14:36:19 -05:00
parent 700296a558
commit e34bf90ca7

View File

@ -12,6 +12,10 @@ const NodeTypeLetter = styled.foreignObject`
text-align: center;
`;
const CenteredPauseIcon = styled(PauseIcon)`
vertical-align: middle !important;
`;
function WorkflowNodeTypeLetter({ node }) {
let nodeTypeLetter;
if (
@ -39,7 +43,7 @@ function WorkflowNodeTypeLetter({ node }) {
break;
case 'workflow_approval_template':
case 'workflow_approval':
nodeTypeLetter = <PauseIcon />;
nodeTypeLetter = <CenteredPauseIcon />;
break;
default:
nodeTypeLetter = '';