diff --git a/ui/component/collectionContentSidebar/view.jsx b/ui/component/collectionContentSidebar/view.jsx index 69d838ab1..75248f3cb 100644 --- a/ui/component/collectionContentSidebar/view.jsx +++ b/ui/component/collectionContentSidebar/view.jsx @@ -34,10 +34,10 @@ export default function CollectionContent(props: Props) { } titleActions={ - <> +
{/* TODO: BUTTON TO SAVE COLLECTION - Probably save/copy modal */}
} body={ - {uri ? {collectionCount} items : {collectionCount} items} + {collectionCount} items {uri && } ); diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss index 2f8fd6d93..efbefa673 100644 --- a/ui/scss/component/_card.scss +++ b/ui/scss/component/_card.scss @@ -226,6 +226,11 @@ } } +.card__title-actions--link { + margin-top: var(--spacing-xs); + margin-right: var(--spacing-xs); +} + .card__title-actions--small { padding: 0; } diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss index 65db87481..2b9676f53 100644 --- a/ui/scss/component/_claim-list.scss +++ b/ui/scss/component/_claim-list.scss @@ -242,6 +242,10 @@ justify-content: space-between; flex-wrap: wrap; align-items: center; + + .claim-preview__actions { + margin-left: var(--spacing-m); + } } @media (max-width: $breakpoint-xsmall) { diff --git a/ui/scss/component/_collection.scss b/ui/scss/component/_collection.scss index cd050192f..f67883022 100644 --- a/ui/scss/component/_collection.scss +++ b/ui/scss/component/_collection.scss @@ -4,6 +4,11 @@ position: relative; } +.collection__subtitle { + display: flex; + margin-bottom: var(--spacing-s); +} + .collection-preview__items { display: flex; align-items: center;