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;