Issue #3443322 by baldwinlouie, yas: Fix breadcrumb spacing

assets/css/main.css

@@ -276,20 +276,17 @@ table.table tfoot tr td.delta-order + td .remove-rule .button:focus {
   outline: none;
   box-shadow: none;
 }
-
 .btn.btn-cancel,
 table.table tbody tr td.delta-order + td .btn-cancel.remove-rule,
 table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule {
   color: #292929;
   background-color: #18c2e7;
 }
-
 .btn.btn-cancel a,
 table.table tbody tr td.delta-order + td .btn-cancel.remove-rule a,
 table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule a {
   color: #292929;
 }
-
 .btn.btn-cancel:hover,
 table.table tbody tr td.delta-order + td .btn-cancel.remove-rule:hover,
 table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule:hover,
@@ -307,7 +304,6 @@ table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule:visited {
   outline: none;
   box-shadow: 0 4px 11px 0 rgba(24, 194, 231, 0.375);
 }
-
 .btn.btn-cancel .button,
 table.table tbody tr td.delta-order + td .btn-cancel.remove-rule .button,
 table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule .button {
@@ -320,7 +316,6 @@ table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule .button {
   font-weight: 400;
   line-height: 1;
 }
-
 .btn.btn-cancel .button:hover,
 table.table tbody tr td.delta-order + td .btn-cancel.remove-rule .button:hover,
 table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule .button:hover,
@@ -331,7 +326,6 @@ table.table tfoot tr td.delta-order + td .btn-cancel.remove-rule .button:focus {
   outline: none;
   box-shadow: none;
 }
-
 .btn.no-icon .button,
 table.table tbody tr td.delta-order + td .no-icon.remove-rule .button,
 table.table tfoot tr td.delta-order + td .no-icon.remove-rule .button {
@@ -2379,7 +2373,6 @@ table.table tfoot tr td.delta-order + td .details-wrapper.card-body .form-group:
 }
 .breadcrumb li {
   position: relative;
-  display: flex;
   align-items: center;
   margin-right: 16px;
 }
@@ -2417,7 +2410,6 @@ table.table tfoot tr td.delta-order + td .details-wrapper.card-body .form-group:
 .breadcrumb li.active {
   color: rgba(255, 255, 255, 0.38);
   font-size: 16px;
-  line-height: 21px;
 }
 
 @media (max-width: 991px) {
@@ -3727,15 +3719,12 @@ nav.block-menu.navigation li:not(:last-child) {
   border: none !important;
   background: #363636 !important;
 }
-
 .ui-dialog .form-actions {
   margin-top: 10px !important;
 }
-
 .ui-dialog .btn-hide {
   display: none;
 }
-
 .ui-dialog .button {
   height: 36px;
   margin: 0 0.5rem;
@@ -3750,40 +3739,33 @@ nav.block-menu.navigation li:not(:last-child) {
   font-weight: 400;
   line-height: 36px;
 }
-
 .ui-dialog .button:hover {
   text-decoration: none;
   border: none;
   outline: none;
 }
-
 .ui-dialog .button.dialog-cancel {
   background-color: #18c2e7;
 }
-
 .ui-dialog .button.dialog-cancel:hover {
   color: #292929;
   border-color: var(--bs-btn-hover-border-color);
   background-color: #18c2e7;
   box-shadow: 0 4px 11px 0 rgba(24, 194, 231, 0.375);
 }
-
 .ui-dialog .button.button--primary {
   background-color: #ff6565;
 }
-
 .ui-dialog .button.button--primary:hover {
   color: #292929;
   border-color: var(--bs-btn-hover-border-color);
   background-color: #ff6565;
   box-shadow: 0 4px 11px 0 rgba(255, 101, 101, 0.375);
 }
-
 .ui-dialog .button.button--primary:focus {
   border: none;
   background-color: #ff6565;
 }
-
 .ui-dialog .ui-dialog-titlebar-close {
   width: 15px;
   height: 15px;

assets/scss/_components.scss

@@ -93,7 +93,6 @@
 
   li {
     position: relative;
-    display: flex;
     align-items: center;
     margin-right: 16px;
 
@@ -133,7 +132,6 @@
     &.active {
       color: rgba($white, 0.38);
       font-size: 16px;
-      line-height: 21px;
     }
   }