diff --git a/src/components/cards/card.css b/src/components/cards/card.css index 28f79e176..9589590d4 100644 --- a/src/components/cards/card.css +++ b/src/components/cards/card.css @@ -104,6 +104,25 @@ font-weight: bold; } +.header-buttons-right { + display: flex; + flex-direction: row; +} + +.shrink-button { + cursor: pointer; + color: white; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 0.75rem; +} + +.shrink-button:hover, .all-button:hover { + background-color: $ui-black-transparent; +} + .remove-button, .all-button { cursor: pointer; color: white; diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx index 48217a912..74e5b851c 100644 --- a/src/components/cards/cards.jsx +++ b/src/components/cards/cards.jsx @@ -41,19 +41,24 @@ const CardHeader = ({onCloseCards, onShowAll, totalSteps, step}) => ( ))} ) : null} -
- - +
+
+ {'Shrink'} +
+
+ + +
);