refactor: adjust component margins

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

Author: setchy

jest.config.ts

@@ -11,7 +11,8 @@ const config: Config = {
     // via https://github.com/axios/axios/issues/5101#issuecomment-1276572468
     '^axios$': require.resolve('axios'),
 
-    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    // GitHub Primer Design System - CSS in JS
+    '\\.css$': 'identity-obj-proxy',
   },
   modulePathIgnorePatterns: ['<rootDir>/build', '<rootDir>/node_modules'],
 };

src/renderer/components/primitives/Header.tsx

@@ -19,7 +19,7 @@ export const Header: FC<IHeader> = (props: IHeader) => {
   const { fetchNotifications } = useContext(AppContext);
 
   return (
-    <div className="pl-4 pr-6 pt-3 pb-1">
+    <div className="pl-4 pr-5 pt-3 pb-1">
       <Stack direction="horizontal" justify="space-between">
         <IconButton
           aria-labelledby="Go Back"

src/renderer/components/primitives/__snapshots__/Header.test.tsx.snap

@@ -144,7 +144,7 @@ export const AccountsRoute: FC = () => {
                   direction="horizontal"
                   justify="space-between"
                 >
-                  <div className="pl-4 pb-2 text-xs">
+                  <div className="pl-2 pb-2 text-xs">
                     <Stack direction="vertical" gap="condensed">
                       <Stack
                         align="center"