From 619d37fb0fe6dddac3d84029b06dc08906463dba Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Fri, 18 Oct 2019 10:09:26 +0200
Subject: [PATCH] Polish breadcrumbs.

---
 .../components/block-breadcrumb/style.scss    | 20 ++++++++++++++++---
 .../src/components/layout/style.scss          |  8 ++++----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/packages/block-editor/src/components/block-breadcrumb/style.scss b/packages/block-editor/src/components/block-breadcrumb/style.scss
index 3ccbd8be26ed3..1ecf6616a4a78 100644
--- a/packages/block-editor/src/components/block-breadcrumb/style.scss
+++ b/packages/block-editor/src/components/block-breadcrumb/style.scss
@@ -8,17 +8,31 @@
 		margin: 0;
 
 		&:not(:last-child)::after {
-			content: "▸";
+			content: "\2192"; // This becomes →.
 		}
 	}
 }
 
 .block-editor-block-breadcrumb__button.components-button {
-	color: inherit;
+	color: $dark-gray-500;
 	font-size: inherit;
+	height: $icon-button-size-small;
+	line-height: 100%;
+
+	&:hover {
+		text-decoration: underline;
+	}
+
+	&:focus {
+		@include square-style__focus();
+		outline-offset: -2px;
+		box-shadow: none;
+	}
 }
 
 .block-editor-block-breadcrumb__current {
-	padding: 0 10px;
+	color: $dark-gray-500;
+	padding: 0 $grid-size;
 	font-size: inherit;
+	cursor: default;
 }
diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
index 7e3d4cf30e532..f1fc0b7b25626 100644
--- a/packages/edit-post/src/components/layout/style.scss
+++ b/packages/edit-post/src/components/layout/style.scss
@@ -246,16 +246,16 @@
 		bottom: 0;
 		right: 0;
 		background: $white;
-		height: 30px;
-		padding: 0 10px;
+		height: $icon-button-size-small;
+		padding: 0 $grid-size;
 		align-items: center;
 		border-top: $border-width solid $light-gray-500;
-		font-size: 12px;
+		font-size: $default-font-size;
 
 		.edit-post-layout.is-sidebar-opened & {
 			right: $sidebar-width;
 		}
 	}
 }
-@include editor-left(".edit-post-layout__footer");
 
+@include editor-left(".edit-post-layout__footer");