From 4117f54ced0919567b15359e282e6db48b147365 Mon Sep 17 00:00:00 2001 From: Paul Schreiber <paul@techmatters.org> Date: Tue, 21 Nov 2023 12:21:01 -0500 Subject: [PATCH] fix: ensure consistent text baseline alignment in groups card on home screen --- src/group/components/GroupsHomeCard.js | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/src/group/components/GroupsHomeCard.js b/src/group/components/GroupsHomeCard.js index fa8abd76c..eee7636f4 100644 --- a/src/group/components/GroupsHomeCard.js +++ b/src/group/components/GroupsHomeCard.js @@ -66,14 +66,12 @@ const GroupItem = ({ group, index }) => { borderTop: index && `1px solid ${theme.palette.gray.lite1}`, // skip first item }} > - <Stack direction="row"> + <Typography component="span"> <Link component={RouterLink} to={`/groups/${group.slug}`}> {group.name} - </Link> - <Typography sx={{ ml: 1 }}> - ({t(`group.role_${role.toLowerCase()}`)}) - </Typography> - </Stack> + </Link>{' '} + ({t(`group.role_${role.toLowerCase()}`)}) + </Typography> {!isApproved && ( <Typography color="text.secondary"> {t('group.home_pending_message')}