Updated post-analytics page breadcrumb structure

Refs https://github.com/TryGhost/Team/issues/1893

- New structure allows for multiple level navigation when we apply this to all pages.

ghost/admin/app/styles/layouts/content.css

@@ -721,7 +721,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
 
 .gh-post-stats-meta {
     margin: 0;
-    color: var(--midlightgrey-d1);
+    color: var(--midlightgrey-d2);
     font-size: 1.35rem;
 }
 

ghost/admin/app/styles/layouts/main.css

@@ -1124,38 +1124,31 @@
 .gh-canvas-header.stacked .gh-canvas-breadcrumb {
     display: flex;
     align-items: center;
-    padding: 6px 0;
+    height: 24px;
     color: var(--darkgrey-l1);
     font-size: 1.35rem;
     font-weight: 500;
+    line-height: 24px;
     letter-spacing: .2px;
     background: none;
 }
 
+.gh-canvas-header.stacked .gh-canvas-breadcrumb a {
+    color: var(--darkgrey-l1);
+    line-height: 24px;
+}
+
 .gh-canvas-header.stacked .gh-canvas-breadcrumb svg {
     display: block;
     width: 9px;
     height: 9px;
-    margin: 1px 8px 0 0;
-    transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
+    margin: 1px 6px 0;
 }
 
 .gh-canvas-header.stacked .gh-canvas-breadcrumb svg path {
     stroke: var(--darkgrey-l1);
 }
 
-.gh-canvas-header.stacked .gh-canvas-breadcrumb:hover svg {
-    transform: translateX(-3px)
-}
-
-.gh-canvas-header.stacked .gh-canvas-breadcrumb:hover svg path {
-    stroke: var(--black);
-}
-
-.gh-canvas-header.stacked .gh-canvas-breadcrumb:hover {
-    color: var(--black);
-}
-
 .gh-main-grey-gradient .gh-canvas-header {
     background: transparent;
     position: relative;

ghost/admin/app/templates/posts/analytics.hbs

@@ -1,7 +1,12 @@
 <section class="gh-canvas">
 
     <GhCanvasHeader class="gh-canvas-header stacked gh-post-stats-header">
-        <LinkTo @route="posts" class="gh-canvas-breadcrumb">{{svg-jar "arrow-left-small"}} Posts</LinkTo>
+        <div class="gh-canvas-breadcrumb">
+            <LinkTo @route="posts">
+                Posts
+            </LinkTo>
+            {{svg-jar "arrow-right-small"}}Analytics
+        </div>
         <h2 class="gh-canvas-title gh-post-title">
             {{this.post.title}}
         </h2>