feat: favorites take less space (#8888)

Unleash · Nov 29, 2024 · b6d4a5f · b6d4a5f
1 parent c18a353
commit b6d4a5f
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 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: -0.75,
+                    mx: -2.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(2),
-    paddingRight: theme.spacing(0.5),
+    paddingLeft: theme.spacing(0),
+    paddingRight: theme.spacing(1),
 }));
 
 const StyledIconButton = styled(IconButton)(({ theme }) => ({

diff --git a/...nd/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx b/...nd/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
@@ -214,7 +214,6 @@ export const ProjectFeatureToggles = ({
                 enableSorting: false,
                 enableHiding: false,
                 meta: {
-                    align: 'center',
                     width: '1%',
                 },
             }),

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,8 @@ interface IRowSelectCellProps {
 const StyledBoxCell = styled(Box)(({ theme }) => ({
     display: 'flex',
     justifyContent: 'center',
-    paddingLeft: theme.spacing(2),
-    paddingRight: theme.spacing(1),
+    paddingLeft: theme.spacing(1),
+    paddingRight: theme.spacing(0),
 }));
 
 export const RowSelectCell: FC<IRowSelectCellProps> = ({