diff --git a/client/modules/User/components/Collection.jsx b/client/modules/User/components/Collection.jsx
index c910d39d..480001e8 100644
--- a/client/modules/User/components/Collection.jsx
+++ b/client/modules/User/components/Collection.jsx
@@ -301,7 +301,7 @@ class Collection extends React.Component {
}
-
{items.length} sketches collected by {owner.username}
+ {items.length} sketch{items.length === 1 ? '' : 'es'} collected by {owner.username}
{
@@ -359,25 +359,28 @@ class Collection extends React.Component {
{this.hasCollection() && this._renderCollectionMetadata()}
{this._renderEmptyTable()}
{this.hasCollectionItems() &&
-
-
-
- {this._renderFieldHeader('name', 'Name')}
- {this._renderFieldHeader('createdAt', 'Date Added')}
- {this._renderFieldHeader('user', 'Owner')}
- |
-
-
-
- {this.props.collection.items.map(item =>
- ())}
-
-
}
+
+
+
+
+ {this._renderFieldHeader('name', 'Name')}
+ {this._renderFieldHeader('createdAt', 'Date Added')}
+ {this._renderFieldHeader('user', 'Owner')}
+ |
+
+
+
+ {this.props.collection.items.map(item =>
+ ())}
+
+
+
+ }
);
diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss
index dbec678c..92768d38 100644
--- a/client/styles/components/_collection.scss
+++ b/client/styles/components/_collection.scss
@@ -39,3 +39,7 @@
.collection-metadata__description .editable-input__input {
width: 100%;
}
+
+.collection-table-wrapper {
+ margin: #{28 / $base-font-size}rem #{56 / $base-font-size}rem;
+}