From 26b19d879d843902653999611f6ffc756cb0255b Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 9 Jan 2024 09:32:36 +0100
Subject: [PATCH] replacing breadcrumn chevron icon

---
 resources/css/components/breadcrumb.css | 27 ++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/resources/css/components/breadcrumb.css b/resources/css/components/breadcrumb.css
index 01f4afd..ad94a4a 100644
--- a/resources/css/components/breadcrumb.css
+++ b/resources/css/components/breadcrumb.css
@@ -1,13 +1,19 @@
 .breadcrumbs_navigation {
-  @apply pt-6 container mx-auto px-0 pl-1;
+  @apply pt-10 container mx-auto px-0 pl-1;
+  transform: translateX(-0.5rem);
   ol {
     @apply list-none flex flex-wrap  lg:flex-nowrap items-start text-sm font-bold gap-x-2 !my-0;
     li {
-      @apply flex items-start pt-4;
+      @apply flex items-center;
       /* min-width: 40px; */
       a {
         @apply text-neutral-900 font-semibold underline;
         margin-top: -6px;
+        @apply px-2 py-1;
+        &:hover {
+          @apply rounded-md;
+          background: rgba(239, 239, 239);
+        }
         /* text-decoration: none; */
       }
       a[aria-current='location'] {
@@ -26,13 +32,20 @@
       &:before {
         @apply mr-2 shrink-0;
         @apply inline-block;
-        transform: rotate(-45deg);
         content: '';
-        border-right: 2.5px solid #000;
+        /* transform: rotate(-45deg); */
+        /* content: ''; */
+        /* border-right: 2.5px solid #000;
         border-bottom: 2.5px solid #000;
-        border-radius: 2px;
-        height: 8px;
-        width: 8px;
+        border-radius: 2px; */
+        background-repeat: no-repeat;
+        background-image: url('../resources/img/graphic-assets/chevron_right.svg');
+        /* background-color: red; */
+        background-size: contain;
+        background-position: center;
+        height: 10px;
+        width: 10px;
+        transform: translateY(-2px);
       }
     }
   }