From edfc21be07549d6d6033c0a10e367e2a73c43830 Mon Sep 17 00:00:00 2001
From: Martin Turoci <martin.turoci@h2o.ai>
Date: Fri, 30 Jun 2023 13:21:21 +0200
Subject: [PATCH] feat: Add more spacing to side nav links when no group label
 specified.

---
 ui/src/nav.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/src/nav.tsx b/ui/src/nav.tsx
index 7cddd7f85c..74aeb31088 100644
--- 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()