diff --git a/public/app/features/auth-config/AuthConfigPage.tsx b/public/app/features/auth-config/AuthConfigPage.tsx
index 792074cc3cc..2628ef2c599 100644
--- a/public/app/features/auth-config/AuthConfigPage.tsx
+++ b/public/app/features/auth-config/AuthConfigPage.tsx
@@ -50,8 +50,22 @@ export const AuthConfigPageUnconnected = ({ providerStatuses, isLoading, loadSet
);
const firstAvailableProvider = availableProviders?.length ? availableProviders[0] : null;
+ {
+ /* TODO: make generic for the provider of the configuration or make the documentation point to a collection of all our providers */
+ }
+ const docsLink = (
+
+ documentation.
+
+ );
+ const subTitle = Manage your auth settings and configure single sign-on. Find out more in our {docsLink};
return (
-
+
Configured authentication
{!!enabledProviders?.length && (
@@ -118,6 +132,15 @@ const getStyles = (theme: GrafanaTheme2) => {
settingName: css`
padding-left: 25px;
`,
+ doclink: css`
+ padding-bottom: 5px;
+ padding-top: -5px;
+ font-size: ${theme.typography.bodySmall.fontSize};
+ a {
+ color: ${theme.colors.info.name}; // use theme link color or any other color
+ text-decoration: underline; // underline or none, as you prefer
+ }
+ `,
settingValue: css`
white-space: break-spaces;
`,
diff --git a/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx b/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx
index a696c82af20..cc9b9f37fa5 100644
--- a/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx
+++ b/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx
@@ -154,12 +154,13 @@ export const ServiceAccountsListPageUnconnected = ({
target="_blank"
rel="noopener noreferrer"
>
- here.
+ documentation.
);
const subTitle = (
- Service accounts and their tokens can be used to authenticate against the Grafana API. Find out more {docsLink}
+ Service accounts and their tokens can be used to authenticate against the Grafana API. Find out more in our{' '}
+ {docsLink}
);