revises top-down data within collection views

src/client/components/layout/StepNav/index.scss

@@ -9,11 +9,12 @@
   }
 
   a {
-    border: 0;
-  }
-
-  > * {
     margin-right: rem(.25);
+    border: 0;
+
+    label {
+      cursor: pointer;
+    }
   }
 
   > label {

src/client/components/views/CollectionArchive/index.js

@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+import SetStepNav from 'payload/client/components/utilities/SetStepNav';
+
+class CollectionArchive extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <article className="collection-archive">
+        <SetStepNav nav={ [
+          {
+            url: '/collections',
+            label: this.props.collection
+          }
+        ] } />
+        {this.props.children}
+      </article>
+    );
+  }
+}
+
+export default CollectionArchive;

src/client/components/views/CollectionEdit/index.js

@@ -11,11 +11,11 @@ class CollectionEdit extends Component {
       <article className="collection-edit">
         <SetStepNav nav={ [
           {
-            url: '/collections/pages',
-            label: 'Pages'
+            url: `/collections/${this.props.collection}`,
+            label: this.props.collection
           },
           {
-            url: `/collections/pages/${this.props.id}`,
+            url: `/collections/${this.props.collection}/${this.props.id}`,
             label: this.props.id
           }
         ] } />

src/client/scss/_type.scss

@@ -79,7 +79,7 @@
 %label {
   text-transform: uppercase;
   letter-spacing: rem(.1);
-  font-size: rem(.275);
+  font-size: rem(.3);
   font-family: $font-label;
   -webkit-font-smoothing: auto;