Fix sketch list padding in collection view

client/modules/User/components/Collection.jsx

@@ -301,7 +301,7 @@ class Collection extends React.Component {
           }
         </h2>
 
-        <p className="collection-metadata__user">{items.length} sketches collected by {owner.username}</p>
+        <p className="collection-metadata__user">{items.length} sketch{items.length === 1 ? '' : 'es'} collected by {owner.username}</p>
 
         <p className="collection-metadata__description">
           {
@@ -359,6 +359,7 @@ class Collection extends React.Component {
           {this.hasCollection() && this._renderCollectionMetadata()}
           {this._renderEmptyTable()}
           {this.hasCollectionItems() &&
+            <div className="collection-table-wrapper">
               <table className="sketches-table" summary="table containing all collections">
                 <thead>
                   <tr>
@@ -377,7 +378,9 @@ class Collection extends React.Component {
                       username={this.getUsername()}
                     />))}
                 </tbody>
-            </table>}
+              </table>
+            </div>
+          }
         </div>
       </section>
     );

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