Skip to content

Commit b89e367

Browse files
fix(ui): Add space to transactions tooltip (#93450)
Fixes this <img alt="clipboard.png" width="273" src="https://i.imgur.com/TSF0zOV.png" />
1 parent 444edb1 commit b89e367

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

static/app/views/projectsDashboard/projectCard.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,7 @@ function ProjectCard({project: simpleProject, hasProjectAccess}: ProjectCardProp
146146
{t('Errors: %s', formatAbbreviatedNumber(totalErrors))}
147147
</Link>
148148
{hasPerformance && (
149-
<Link
149+
<TransactionsLink
150150
data-test-id="project-transactions"
151151
to={`${getPerformanceBaseUrl(organization.slug, domainView)}/?project=${project.id}`}
152152
>
@@ -158,7 +158,7 @@ function ProjectCard({project: simpleProject, hasProjectAccess}: ProjectCardProp
158158
size="xs"
159159
/>
160160
)}
161-
</Link>
161+
</TransactionsLink>
162162
)}
163163
</Fragment>
164164
) : (
@@ -297,6 +297,12 @@ const SummaryLinkPlaceholder = styled(Placeholder)`
297297
margin-bottom: ${space(0.5)};
298298
`;
299299

300+
const TransactionsLink = styled(Link)`
301+
display: flex;
302+
gap: ${space(0.5)};
303+
align-items: center;
304+
`;
305+
300306
const SettingsButton = styled(LinkButton)`
301307
border-radius: 50%;
302308
`;

0 commit comments

Comments
 (0)