From a1a093aced774dfc54adfb9f9a9013f3f6a06f0f Mon Sep 17 00:00:00 2001
From: Pedro Gonzalez Gomez <pegonzal@redhat.com>
Date: Fri, 8 Mar 2024 06:49:28 +0100
Subject: [PATCH] mgr/dashboard: open api swagger in new tab

Fixes: https://tracker.ceph.com/issues/62350
Signed-off-by: Pedro Gonzalez Gomez <pegonzal@redhat.com>
---
 .../dashboard-help/dashboard-help.component.html  | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
index d7f7d137768c4..34ff79a115e8d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
@@ -10,15 +10,18 @@
   </a>
   <div ngbDropdownMenu>
     <a ngbDropdownItem
-       class="text-capitalize"
        [ngClass]="{'disabled': !docsUrl}"
        href="{{ docsUrl }}"
        target="_blank"
-       i18n>documentation</a>
-    <button ngbDropdownItem
-            routerLink="/api-docs"
-            target="_blank"
-            i18n>API</button>
+       i18n>Documentation
+      <i class="fa fa-external-link"></i>
+    </a>
+    <a ngbDropdownItem
+       routerLink="/api-docs"
+       target="_blank"
+       i18n>API
+      <i class="fa fa-external-link"></i>
+    </a>
     <button ngbDropdownItem
             (click)="openAboutModal()"
             i18n>About</button>