1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-19 00:15:43 +01:00

1-3145: counteract the MUI button's negative margin

This change styles the project status svg for this by giving it a
negative margin in this case.

This isn't a native MUI icon, so handling it is a bit tricky. That
said, the ideal solution would be to make the icon conform better to
MUI standards, but this is a quick fix for now.
This commit is contained in:
Thomas Heartman 2024-11-21 11:38:41 +01:00
parent c18952f374
commit 6688259229
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78

View File

@ -118,6 +118,10 @@ const ProjectStatusButton = styled(Button)(({ theme }) => ({
},
}));
const ProjectStatusSvgWithMargin = styled(ProjectStatusSvg)(({ theme }) => ({
marginLeft: theme.spacing(0.5),
}));
export const Project = () => {
const projectId = useRequiredPathParam('projectId');
const { trackEvent } = usePlausibleTracker();
@ -300,7 +304,7 @@ export const Project = () => {
{simplifyProjectOverview && (
<ProjectStatusButton
onClick={() => setProjectStatusOpen(true)}
startIcon={<ProjectStatusSvg />}
startIcon={<ProjectStatusSvgWithMargin />}
data-loading-project
>
Project status