From 74638f4cd02945349347a228157eaa4a27c7c7a7 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 30 Apr 2019 16:02:18 +0100
Subject: [PATCH] Use proper icon for breadcrumb

Uses the asset from the GOV.UK Frontend Toolkit.
---
 app/assets/stylesheets/components/navigation.scss | 10 ++++++++++
 app/templates/org_template.html                   |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/navigation.scss b/app/assets/stylesheets/components/navigation.scss
index 682346b76..4fef79cc5 100644
--- a/app/assets/stylesheets/components/navigation.scss
+++ b/app/assets/stylesheets/components/navigation.scss
@@ -40,6 +40,16 @@
 
   }
 
+  &-breadcrumb {
+    display: inline-block;
+    width: 6px;
+    height: 11px;
+    margin: 0 5px;
+    background-image: file-url("separator-2x.png");
+    background-size: 6px 11px;
+    background-repeat: no-repeat;
+  }
+
   li {
     @include core-19;
     margin: 0;
diff --git a/app/templates/org_template.html b/app/templates/org_template.html
index 40b372a5d..4056094c4 100644
--- a/app/templates/org_template.html
+++ b/app/templates/org_template.html
@@ -10,7 +10,7 @@
       <div class="navigation-service-name">
         {% if current_user.platform_admin %}
           <a href="{{ url_for('.organisations') }}">Organisations</a>
-          &gt;
+          <span class="navigation-breadcrumb"></span>
         {% endif %}
         {{ current_org.name }}
       </div>