fix: breadcrumb alignment fixed

equinor · Nov 15, 2024 · 4805996 · 4805996
1 parent 83193e5
commit 4805996
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/Src/WitsmlExplorer.Frontend/components/Breadcrumbs.tsx b/Src/WitsmlExplorer.Frontend/components/Breadcrumbs.tsx
@@ -401,19 +401,20 @@ const StyledNavLink = styled(NavLink)`
 `;
 
 const StyledBreadcrumbs = styled(EdsBreadcrumbs)<{ $isCompact: boolean }>`
-  padding-top: 0.2em;
-  height: 1.5rem;
   overflow: clip;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  height: fit-content;
+
+  li > span {
+    display: inline-flex;
+  }
 
   ${({ $isCompact }) =>
     !$isCompact
       ? ""
       : css`
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          padding-top: 0;
-
           li > span {
             font-size: 0.8rem;
           }