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:
parent
c18952f374
commit
6688259229
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user