From fd969de311fb46d6842cc52ca0219ff25ad2b176 Mon Sep 17 00:00:00 2001 From: brendanlaschke Date: Tue, 28 Nov 2023 20:23:36 +0100 Subject: [PATCH] Fix action bar button danger background and gap (#2711) fix action bar button danger background and gap Co-authored-by: Charles Bochet --- .../ui/navigation/action-bar/components/ActionBarItem.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx b/front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx index bff8f6ecad..1635762771 100644 --- a/front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx +++ b/front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx @@ -29,14 +29,14 @@ const StyledButton = styled.div<{ accent: ActionBarItemAccent }>` &:hover { background: ${({ theme, accent }) => accent === 'danger' - ? theme.tag.background.red + ? theme.background.danger : theme.background.tertiary}; } `; const StyledButtonLabel = styled.div` font-weight: ${({ theme }) => theme.font.weight.medium}; - margin-left: ${({ theme }) => theme.spacing(2)}; + margin-left: ${({ theme }) => theme.spacing(1)}; `; export const ActionBarItem = ({