fix: padding in breadcrumb (#533) (#546)

* fix: padding in breadcrumb (#533) * refactor: change in padding that caused warping (#533) * feat: adding a gap in ol and li elements (#533) --------- Co-authored-by: Alysson Keysson <[email protected]> Co-authored-by: Iury Nogueira <[email protected]> Co-authored-by: Danilo Alves <[email protected]>
Brisanet · Apr 28, 2023 · 3dcd994 · 3dcd994
1 parent 665aff7
commit 3dcd994
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/projects/ion/src/lib/breadcrumb/breadcrumb.component.scss b/projects/ion/src/lib/breadcrumb/breadcrumb.component.scss
@@ -1,20 +1,21 @@
 @import '../../styles/index.scss';
 
 .breadcrumbs-nav {
-  padding: spacing(0.7) spacing(0.9);
   text-decoration: none;
   font-family: sans-serif;
   font-size: 15px;
 }
 
 .ol-navigator {
   display: inline-flex;
+  gap: 8px;
   margin: 0;
-  padding: spacing(1.25);
+  padding: 0;
 }
 
 .ol-navigator li {
   display: flex;
+  gap: 8px;
   align-items: center;
   text-align: center;
 
@@ -24,9 +25,10 @@
     }
   }
 }
+
 .ol-navigator li a {
   text-decoration: none;
-  padding: spacing(1.25);
+  padding: spacing(1.25) spacing(0);
   color: $neutral-6;
   font-weight: 400;
   font-size: 14px;