From e34bf90ca758f402fa1d346e184de0bc5da318e0 Mon Sep 17 00:00:00 2001
From: mabashian <mabashia@redhat.com>
Date: Fri, 24 Jan 2020 14:36:19 -0500
Subject: [PATCH] Vertically center the pause icon in the node type letter
 component

---
 .../src/components/Workflow/WorkflowNodeTypeLetter.jsx      | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx b/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx
index eb2364503d..8abe9f4e77 100644
--- a/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx
+++ b/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx
@@ -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 = '';