feat: Add more spacing to side nav links when no group label specified.

h2oai · Jun 30, 2023 · edfc21b · edfc21b
1 parent cc944cc
commit edfc21b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/ui/src/nav.tsx b/ui/src/nav.tsx
@@ -121,13 +121,16 @@ export const
     const groups = items.map((g): Fluent.INavLinkGroup => ({
       name: g.label,
       collapseByDefault: g.collapsed,
-      links: g.items.map(({ name, label, icon, disabled, tooltip, path }): Fluent.INavLink => ({
+      links: g.items.map(({ name, label, icon, disabled, tooltip, path }, idx): Fluent.INavLink => ({
         key: name,
         name: label,
         icon,
         disabled,
         title: tooltip,
-        style: disabled ? { opacity: 0.7 } : undefined,
+        style: {
+          opacity: disabled ? 0.7 : undefined,
+          marginTop: idx === 0 && !g.label ? 30 : undefined
+        },
         url: '',
         onClick: () => {
           if (hideNav) hideNav()