From 5eef9f246732605e812e658357bac6b9286f1c1e Mon Sep 17 00:00:00 2001
From: opencode <opencode@kubebase.de>
Date: Thu, 6 Aug 2026 23:33:17 +0200
Subject: [PATCH] feat(nav): move help to icon-only in sidebar footer version
 row

---
 artifacts/toolrate/src/components/layout.tsx | 28 +++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/artifacts/toolrate/src/components/layout.tsx b/artifacts/toolrate/src/components/layout.tsx
index eb05ded..e19c553 100644
--- a/artifacts/toolrate/src/components/layout.tsx
+++ b/artifacts/toolrate/src/components/layout.tsx
@@ -107,24 +107,20 @@ export function Layout({ children }: { children: React.ReactNode }) {
           )}
         </SidebarContent>
         <SidebarFooter className="gap-2">
-          <SidebarMenu>
-            <SidebarMenuItem>
-              <SidebarMenuButton
-                asChild
-                tooltip={t("nav.docs")}
-                className="text-muted-foreground"
-                data-testid="button-help"
-              >
-                <Link href="/docs">
-                  <HelpCircle />
-                  <span>{t("nav.docs")}</span>
-                </Link>
-              </SidebarMenuButton>
-            </SidebarMenuItem>
-          </SidebarMenu>
           <UserMenu />
           <div className="border-t pt-2 flex items-center justify-between text-[11px] text-muted-foreground px-2 group-data-[collapsible=icon]:justify-center">
-            <span className="font-medium group-data-[collapsible=icon]:hidden">toolr</span>
+            <div className="flex items-center gap-1.5 font-medium group-data-[collapsible=icon]:hidden">
+              <span>toolr</span>
+              <a
+                href="/docs"
+                title={t("nav.docs")}
+                aria-label={t("nav.docs")}
+                data-testid="button-help"
+                className="text-muted-foreground hover:text-primary transition-colors"
+              >
+                <HelpCircle className="w-3.5 h-3.5" />
+              </a>
+            </div>
             {version?.commitSha ? (
               <a
                 href={`https://git.kubebase.de/admin/tool-evaluator/commit/${version.commitSha}`}