From d83313cd93b1f203ea7083bc32f9fb960f7b0a4b Mon Sep 17 00:00:00 2001
From: Emilien Chauvet <emilien.chauvet.enpc@gmail.com>
Date: Tue, 4 Jul 2023 09:28:32 -0700
Subject: [PATCH] Add hover effect for navbar collapsable button (#492)

---
 front/src/modules/ui/layout/navbar/NavCollapseButton.tsx  | 4 ++++
 front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/front/src/modules/ui/layout/navbar/NavCollapseButton.tsx b/front/src/modules/ui/layout/navbar/NavCollapseButton.tsx
index 3fc6f0d56..88ea443be 100644
--- a/front/src/modules/ui/layout/navbar/NavCollapseButton.tsx
+++ b/front/src/modules/ui/layout/navbar/NavCollapseButton.tsx
@@ -13,6 +13,10 @@ const CollapseButton = styled.button<{ hideOnDesktop: boolean | undefined }>`
   align-items: center;
   background: inherit;
   border: 0;
+  &:hover {
+    background: ${({ theme }) => theme.background.quaternary};
+  }
+  border-radius: ${({ theme }) => theme.border.radius.md};
 
   color: ${({ theme }) => theme.font.color.light};
   cursor: pointer;
diff --git a/front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx b/front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx
index b26d2d5bf..ad6e96b4e 100644
--- a/front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx
+++ b/front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx
@@ -15,9 +15,9 @@ const StyledContainer = styled.div`
   justify-content: space-between;
   margin-left: ${({ theme }) => theme.spacing(1)};
   padding: ${({ theme }) => theme.spacing(2)};
+  padding-right: ${({ theme }) => theme.spacing(1)};
   padding-top: ${({ theme }) => theme.spacing(1)};
   user-select: none;
-  width: 100%;
 `;
 
 const LogoAndNameContainer = styled.div`