diff --git a/public/app/features/plugins/admin/pages/PluginDetails.tsx b/public/app/features/plugins/admin/pages/PluginDetails.tsx index 499ffa36d19..b07842588db 100644 --- a/public/app/features/plugins/admin/pages/PluginDetails.tsx +++ b/public/app/features/plugins/admin/pages/PluginDetails.tsx @@ -51,7 +51,7 @@ export default function PluginDetails({ match }: PluginDetailsProps): JSX.Elemen
-

{plugin.name}

+
- - {plugin.orgName} - + {plugin.orgName} {plugin.links.map((link: any) => ( {link.name} @@ -126,13 +142,27 @@ export const getStyles = (theme: GrafanaTheme2) => { return { headerContainer: css` display: flex; - margin-bottom: 24px; - margin-top: 24px; + margin-bottom: ${theme.spacing(3)}; + margin-top: ${theme.spacing(3)}; min-height: 120px; `, headerWrapper: css` margin-left: ${theme.spacing(3)}; `, + breadcrumb: css` + font-size: ${theme.typography.h2.fontSize}; + li { + display: inline; + list-style: none; + &::after { + content: '/'; + padding: 0 0.25ch; + } + &:last-child::after { + content: ''; + } + } + `, headerLinks: css` display: flex; align-items: center; @@ -144,9 +174,7 @@ export const getStyles = (theme: GrafanaTheme2) => { content: '|'; padding: 0 ${theme.spacing()}; } - } - & > *:last-child { - &::after { + &:last-child::after { content: ''; padding-right: 0; }