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; +}