From 6749e8667d38ef3c97227776ddfb5a2a17439830 Mon Sep 17 00:00:00 2001 From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com> Date: Tue, 31 Jan 2023 16:31:45 +0000 Subject: [PATCH] [v9.4.x] TopNav: Fix right padding on signin link (#62606) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit TopNav: Fix right padding on signin link (#62537) * TopNav: Fix right padding on signin link * revert yarn lock * Update package.json * Update (cherry picked from commit c0f0c3d485874edfe679803ce56f7d16cff3d386) Co-authored-by: Torkel Ödegaard --- public/app/core/components/AppChrome/TopBar/SignInLink.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/public/app/core/components/AppChrome/TopBar/SignInLink.tsx b/public/app/core/components/AppChrome/TopBar/SignInLink.tsx index adfdefe4f36..d2e90f24ad7 100644 --- a/public/app/core/components/AppChrome/TopBar/SignInLink.tsx +++ b/public/app/core/components/AppChrome/TopBar/SignInLink.tsx @@ -2,7 +2,7 @@ import { css } from '@emotion/css'; import React from 'react'; import { useLocation } from 'react-router-dom'; -import { locationUtil } from '@grafana/data'; +import { GrafanaTheme2, locationUtil } from '@grafana/data'; import { useStyles2 } from '@grafana/ui'; export function SignInLink() { @@ -17,9 +17,10 @@ export function SignInLink() { ); } -const getStyles = () => { +const getStyles = (theme: GrafanaTheme2) => { return { link: css({ + paddingRight: theme.spacing(1), whiteSpace: 'nowrap', '&:hover': { textDecoration: 'underline',