fix: adjust favorite icon placement (#8930)

Unleash · Dec 6, 2024 · 4b443e2 · 4b443e2
1 parent 152dd76
commit 4b443e2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx b/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx
@@ -30,7 +30,7 @@ export const FavoriteIconHeader: VFC<IFavoriteIconHeaderProps> = ({
         >
             <IconButton
                 sx={{
-                    mx: -2.75,
+                    mx: -0.75,
                     my: -1,
                     display: 'flex',
                     alignItems: 'center',

diff --git a/frontend/src/component/common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx b/frontend/src/component/common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx
@@ -5,8 +5,8 @@ import StarBorderIcon from '@mui/icons-material/StarBorder';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 
 const StyledCell = styled(Box)(({ theme }) => ({
-    paddingLeft: theme.spacing(0),
-    paddingRight: theme.spacing(1),
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(0.5),
 }));
 
 const StyledIconButton = styled(IconButton)(({ theme }) => ({

diff --git a/frontend/src/component/project/Project/ProjectFeatureToggles/RowSelectCell/RowSelectCell.tsx b/frontend/src/component/project/Project/ProjectFeatureToggles/RowSelectCell/RowSelectCell.tsx
@@ -12,8 +12,7 @@ interface IRowSelectCellProps {
 const StyledBoxCell = styled(Box)(({ theme }) => ({
     display: 'flex',
     justifyContent: 'center',
-    paddingLeft: theme.spacing(1),
-    paddingRight: theme.spacing(0),
+    marginRight: theme.spacing(-2),
 }));
 
 export const RowSelectCell: FC<IRowSelectCellProps> = ({