diff --git a/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx b/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx index 0c6bd62bcb..c7707c07d5 100644 --- a/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx +++ b/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx @@ -59,7 +59,7 @@ const LoginRequestListItem = ({ request, busy, setBusy }: RowProps) => { const IconComponent = request.provider.icon; return ( - + diff --git a/packages/core-components/src/components/OAuthRequestDialog/OAuthRequestDialog.tsx b/packages/core-components/src/components/OAuthRequestDialog/OAuthRequestDialog.tsx index b11821803a..02b1afe4a1 100644 --- a/packages/core-components/src/components/OAuthRequestDialog/OAuthRequestDialog.tsx +++ b/packages/core-components/src/components/OAuthRequestDialog/OAuthRequestDialog.tsx @@ -25,6 +25,7 @@ import React, { useMemo, useState } from 'react'; import useObservable from 'react-use/lib/useObservable'; import LoginRequestListItem from './LoginRequestListItem'; import { useApi, oauthRequestApiRef } from '@backstage/core-plugin-api'; +import Typography from '@material-ui/core/Typography'; export type OAuthRequestDialogClassKey = | 'dialog' @@ -40,6 +41,9 @@ const useStyles = makeStyles( title: { minWidth: 0, }, + titleHeading: { + fontSize: theme.typography.h6.fontSize, + }, contentList: { padding: 0, }, @@ -69,23 +73,31 @@ export function OAuthRequestDialog(_props: {}) { fullWidth maxWidth="xs" classes={{ paper: classes.dialog }} + aria-labelledby="oauth-req-dialog-title" > - - Login Required - +
+ + + Login Required + + - - - {requests.map(request => ( - - ))} - - + + + {requests.map(request => ( + + ))} + + +