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 => ( + + ))} +