Merge branch 'main' into feat/color-scheme

Author: setchy

src/renderer/App.tsx

@@ -47,7 +47,7 @@ export const App = () => {
       <BaseStyles>
         <AppProvider>
           <Router>
-            <div className="flex h-full overflow-x-hidden overflow-y-auto flex-col pl-12 bg-gitify-background">
+            <div className="flex h-full overflow-x-hidden overflow-y-auto flex-col pl-10 bg-gitify-background">
               <Loading />
               <Sidebar />
               <Routes>

src/renderer/components/Sidebar.tsx

@@ -74,7 +74,7 @@ export const Sidebar: FC = () => {
     <Stack
       direction="vertical"
       justify="space-between"
-      className="fixed left-12 -ml-12 w-12 h-full bg-gitify-sidebar text-white"
+      className="fixed left-10 -ml-10 w-10 h-full bg-gitify-sidebar text-white"
     >
       <Stack
         direction="vertical"

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

@@ -53,8 +53,9 @@ export const NotificationFooter: FC<INotificationFooter> = ({
       )}
 
       <Stack direction="horizontal" gap="none">
-        <Text title={reason.description}>{reason.title}</Text>
-        <Text className="px-1">&bull;</Text>
+        <Text title={reason.description} className="pr-1">
+          {reason.title}
+        </Text>
         <RelativeTime datetime={notification.updated_at} />
       </Stack>