From 4de4656f9660ace1e1cf6d04570e820faeef2b33 Mon Sep 17 00:00:00 2001
From: Dennis Meinert Pedersen <dmp@vertica.dk>
Date: Wed, 30 Oct 2019 20:47:03 +0100
Subject: [PATCH] Avoid breadcrumbs in mini list are misaligned

---
 .../src/less/components/umb-breadcrumbs.less           |  2 +-
 .../src/less/components/umb-mini-list-view.less        | 10 ++++++++--
 .../src/views/components/umb-mini-list-view.html       |  2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-breadcrumbs.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-breadcrumbs.less
index 3c63d74a47..0afcfdd1f9 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-breadcrumbs.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-breadcrumbs.less
@@ -8,7 +8,7 @@
 
 .umb-breadcrumbs__ancestor {
    display: flex;
-   min-height: 25px;
+   align-items: center;
 }
 
 .umb-breadcrumbs__action {
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less
index 7a2939bd30..8cd08f5045 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less
@@ -13,9 +13,15 @@
     margin-right: 5px;
 }
 
+.umb-mini-list-view__breadcrumb {
+    .flex;
+    margin-bottom: 10px;
+    min-height: 25px;
+}
+
 .umb-mini-list-view__back {
-    font-size: 12px;
-    margin-right: 5px; 
+    font-size: 13px;
+    margin-right: 5px;
     color: @gray-4;
     display: flex;
     align-items: center;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
index f11df6042e..e14315f9f4 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
@@ -9,7 +9,7 @@
             <h4 class="umb-mini-list-view__title-text">{{ miniListView.node.name }}</h4>
         </div>
 
-        <div class="flex" style="margin-bottom: 10px;">
+        <div class="umb-mini-list-view__breadcrumb">
 
             <a ng-if="showBackButton()" href="" class="umb-mini-list-view__back" ng-click="exitMiniListView()">
                 <i class="icon-arrow-left umb-mini-list-view__back-icon"></i>