style: adjust spacings

Author: Nick-1979

packages/extension-polkagate/src/components/AccountIcons.tsx

@@ -46,7 +46,7 @@ function AccountIcons ({ address, identiconTheme, isSubId, judgements, prefix }:
   }, [address]);
 
   return (
-    <Grid container direction='column' sx={{ ml: '8px', width: '17%' }}>
+    <Grid container direction='column' sx={{ m: '7px 0px 0px 8px', width: '17%' }}>
       <Grid item m='auto' width='fit-content'>
         <Identicon
           iconTheme={identiconTheme}

packages/extension-polkagate/src/partials/AccountMenu.tsx

@@ -105,7 +105,7 @@ function AccountMenu ({ address, isMenuOpen, setShowMenu }: Props): React.ReactE
       <Grid bgcolor='divider' container height='100%' width='357px' zIndex={10}>
         <Grid alignItems='flex-start' bgcolor='background.default' container display='block' item mt='46px' px='46px' sx={{ borderRadius: '10px 10px 0px 0px', height: 'parent.innerHeight' }} width='100%'>
           <Grid container item justifyContent='center' my='8px'>
-            <Identity address={address} api={api} chain={chain} formatted={formatted} identiconSize={30} showSocial={false} style={{ fontSize: '24px' }} subIdOnly />
+            <Identity address={address} api={api} chain={chain} formatted={formatted} identiconSize={30} showSocial={false} style={{ fontSize: '22px' }} subIdOnly />
           </Grid>
           <MenuSeparator />
           <MenuItem

packages/extension-polkagate/src/popup/home/AccountDetail.tsx

@@ -163,7 +163,7 @@ function AccountDetail ({ address, chain, goToAccount, hideNumbers, identity, is
     <Grid container direction='column' sx={{ width: '70%' }}>
       <Grid container direction='row' item sx={{ lineHeight: '20px' }}>
         <Grid item maxWidth='70%' onClick={goToAccount} sx={{ cursor: 'pointer' }}>
-          <Typography fontSize='18px' fontWeight={400} mt ='5px' overflow='hidden' textOverflow='ellipsis' whiteSpace='nowrap'>
+          <Typography fontSize='18px' fontWeight={400} mt ='7px' overflow='hidden' textOverflow='ellipsis' whiteSpace='nowrap'>
             {identity?.display || name || t('Unknown')}
           </Typography>
         </Grid>