diff --git a/src/playbooks/PlaybookSummary.js b/src/playbooks/PlaybookSummary.js
index d610d4a..f57fdf8 100644
--- a/src/playbooks/PlaybookSummary.js
+++ b/src/playbooks/PlaybookSummary.js
@@ -1,6 +1,6 @@
import React, { Component } from "react";
import styled from "styled-components";
-import { Card, CardBody } from "@patternfly/react-core";
+import { Card, CardBody, Label } from "@patternfly/react-core";
import {
CheckCircleIcon,
ExclamationCircleIcon,
@@ -119,6 +119,17 @@ const PlaybookInfo = styled.div`
}
`;
+const Labels = styled.div`
+ display: flex;
+ align-items: center;
+ min-width: 100px;
+
+ @media (min-width: 800px) {
+ justify-content: flex-end;
+ margin-top: 0;
+ }
+`;
+
const Duration = styled.div`
display: flex;
align-items: center;
@@ -169,6 +180,11 @@ export default class Playbook extends Component {
{playbook.items.records} Records
+
+ {playbook.labels.map(label => (
+
+ ))}
+