From 4663d6fb9599cf2f867b067df214dd6eade7bd0c Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Fri, 27 Oct 2023 14:24:56 +0200
Subject: [PATCH] fixing breadcrumb responsiveness

---
 resources/css/components/breadcrumb.css | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/resources/css/components/breadcrumb.css b/resources/css/components/breadcrumb.css
index 4b0f5f4..7e39d23 100644
--- a/resources/css/components/breadcrumb.css
+++ b/resources/css/components/breadcrumb.css
@@ -1,19 +1,33 @@
 .breadcrumbs_navigation {
-  @apply py-6 container mx-auto px-0;
+  @apply py-6 container mx-auto px-0 pl-1;
   ol {
-    @apply list-none flex items-center text-sm font-bold;
+    @apply list-none flex flex-nowrap items-start text-sm font-bold gap-x-2;
+    li {
+      @apply flex items-start pt-4;
+      min-width: 50px;
+      a {
+        margin-top: -6px;
+      }
+    }
+    li:nth-child(1) {
+      @apply shrink-0;
+      min-width: 0;
+      a {
+        margin-top: -4px;
+      }
+    }
 
     li + li {
       &:before {
-        @apply ml-1 mr-2;
+        @apply mr-2 shrink-0;
         @apply inline-block;
+        transform: rotate(-45deg);
         content: '';
         border-right: 2.5px solid #000;
         border-bottom: 2.5px solid #000;
         border-radius: 2px;
         height: 8px;
         width: 8px;
-        transform: rotate(-45deg);
       }
     }
   }