From bfd7eda5aacdc5207c1f98d76962eeab2e2ea8f7 Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@alfresco.com>
Date: Wed, 23 Nov 2016 22:29:20 +0000
Subject: [PATCH] Fix vertical alignment of Tasks/Comments headings

Refs #1131
---
 .../src/components/activiti-comments.component.css    | 11 +++++++++++
 .../activiti-process-instance-tasks.component.css     | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/ng2-components/ng2-activiti-processlist/src/components/activiti-comments.component.css b/ng2-components/ng2-activiti-processlist/src/components/activiti-comments.component.css
index ff0f8dd865..69521b25cf 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/activiti-comments.component.css
+++ b/ng2-components/ng2-activiti-processlist/src/components/activiti-comments.component.css
@@ -4,4 +4,15 @@
 
 .activiti-label {
     font-weight: bolder;
+    vertical-align: top;
+}
+
+.activiti-label.mdl-badge[data-badge]:after {
+    right: -27px;
+    top: -2px;
+}
+
+.activiti-label + .icon {
+    position: relative;
+    top: -2px;
 }
diff --git a/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css b/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css
index ca7a24db2c..96f0ed5edb 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css
+++ b/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css
@@ -4,6 +4,17 @@
 
 .activiti-label {
     font-weight: bolder;
+    vertical-align: top;
+}
+
+.activiti-label.mdl-badge[data-badge]:after {
+    right: -27px;
+    top: -2px;
+}
+
+.activiti-label + .icon {
+    position: relative;
+    top: -2px;
 }
 
 .material-icons:hover {