19504: Fix breadcrumbs height to improve text vertical centering

Arvados-DCO-1.1-Signed-off-by: Stephen Smith <stephen@curii.com>

diff --git a/src/components/breadcrumbs/breadcrumbs.tsx b/src/components/breadcrumbs/breadcrumbs.tsx
index 7c28fe3299289878291eff70ec6b5860119e0064..626573962425125fc14f7adf859d80f506c0b189 100644 (file)
--- a/src/components/breadcrumbs/breadcrumbs.tsx
+++ b/src/components/breadcrumbs/breadcrumbs.tsx
@@ -24,6 +24,7 @@ type CssRules = "item" | "label" | "icon" | "frozenIcon";
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     item: {
         borderRadius: '16px',
+        height: '32px',
         backgroundColor: theme.customs.colors.grey300,
         '&.parentItem': {
             backgroundColor: `${theme.customs.colors.grey300}99`,
@@ -39,6 +40,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         textTransform: "none",
         paddingRight: '3px',
         paddingLeft: '3px',
+        lineHeight: '1.4',
     },
     icon: {
         fontSize: 20,