From b6d4a5f9bc6dda3be23576e4835f841e6ca721b0 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Fri, 29 Nov 2024 10:12:31 +0100
Subject: [PATCH] feat: favorites take less space (#8888)

---
 .../common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx    | 2 +-
 .../common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx  | 4 ++--
 .../PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx  | 1 -
 .../ProjectFeatureToggles/RowSelectCell/RowSelectCell.tsx     | 4 ++--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx b/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx
index 0e897989cb44..2aec2de37fc0 100644
--- 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
index 17344924ff95..7b613fb4ffba 100644
--- 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/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
index 3cca886e56b9..6a100f1d3b49 100644
--- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
+++ b/frontend/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
index 7c7cd34bf350..172f79341611 100644
--- 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> = ({