ui: adjust spacing

components/account/AccountHeader.vue

@@ -16,12 +16,12 @@ const createdAt = $computed(() => {
     <div border="b base">
       <img h-50 w-full object-cover :src="account.header">
     </div>
-    <div p3 style="margin-top:-3.5rem;" flex flex-col gap-6>
+    <div p4 mt--17 flex flex-col gap-6>
       <div flex justify-between>
         <div flex flex-col gap-2>
-          <div p1>
+          <div>
             <NuxtLink :to="`/@${account.acct}`">
-              <AccountAvatar :account="account" w-20 h-20 />
+              <AccountAvatar :account="account" w-30 h-30 />
             </NuxtLink>
           </div>
           <NuxtLink flex flex-col :to="`/@${account.acct}`">

components/account/AccountInfo.vue

@@ -11,10 +11,10 @@ const id = computed(() => fullServer && !account.acct.includes('@') ? `@${accoun
 </script>
 
 <template>
-  <div flex gap-2>
-    <div p1>
+  <div flex gap-3>
+    <div>
       <NuxtLink :to="link ? `/@${account.acct}` : null">
-        <AccountAvatar :account="account" w-10 h-10 />
+        <AccountAvatar :account="account" w-12 h-12 />
       </NuxtLink>
     </div>
     <NuxtLink flex flex-col :to="link ? `/@${account.acct}` : null">

components/account/AccountInlineInfo.vue

@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <NuxtLink :href="`/@${account.acct}`" flex gap-2 items-center>
+  <NuxtLink :href="`/@${account.acct}`" flex gap-1 items-center>
     <AccountAvatar :account="account" w-5 h-5 />
     <CommonRichContent :content="getDisplayName(account)" :emojis="account.emojis" />
   </NuxtLink>