feat: shrink sidebar width

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/App.tsx

@@ -37,7 +37,7 @@ export const App = () => {
       <BaseStyles>
         <AppProvider>
           <Router>
-            <div className="flex h-full overflow-y-auto flex-col pl-14">
+            <div className="flex h-full overflow-y-auto flex-col pl-10">
               <Loading />
               <Sidebar />
               <Routes>

src/renderer/components/Sidebar.tsx

@@ -72,7 +72,7 @@ export const Sidebar: FC = () => {
   }, [settings]);
 
   return (
-    <div className="fixed left-14 -ml-14 flex h-full w-14 flex-col overflow-y-auto bg-gray-sidebar">
+    <div className="fixed left-10 -ml-10 flex h-full w-10 flex-col overflow-y-auto bg-gray-sidebar">
       <div className="flex flex-1 flex-col">
         <Stack
           direction="vertical"

src/renderer/components/__snapshots__/Sidebar.test.tsx.snap

@@ -257,6 +257,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
+      fireEvent.click(screen.getByTestId('account-add-new'));
       fireEvent.click(screen.getByTestId('account-add-github'));
 
       expect(mockLoginWithGitHubApp).toHaveBeenCalled();
@@ -278,6 +279,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
+      fireEvent.click(screen.getByTestId('account-add-new'));
       fireEvent.click(screen.getByTestId('account-add-pat'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(
@@ -305,6 +307,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
+      fireEvent.click(screen.getByTestId('account-add-new'));
       fireEvent.click(screen.getByTestId('account-add-oauth-app'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(1, '/login-oauth-app', {

src/renderer/routes/Accounts.test.tsx

@@ -168,7 +168,9 @@ export const AccountsRoute: FC = () => {
       <div className="flex items-center justify-end bg-gray-200 px-8 py-1 text-sm dark:bg-gray-darker">
         <ActionMenu>
           <ActionMenu.Anchor>
-            <Button leadingVisual={PersonAddIcon}>Add new account</Button>
+            <Button leadingVisual={PersonAddIcon} data-testid="account-add-new">
+              Add new account
+            </Button>
           </ActionMenu.Anchor>
 
           <ActionMenu.Overlay width="medium">