refactor: 💄 Update card and action button padding

components/notes/action-button.vue

@@ -1,6 +1,6 @@
 <template>
-    <Button variant="ghost" class="max-w-14 w-full">
-        <component :is="icon" class="size-4.5" />
+    <Button variant="ghost" class="max-w-14 w-full" size="sm">
+        <component :is="icon" class="size-4" />
         <slot />
     </Button>
 </template>

components/notes/actions.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-row w-full gap-x-4 items-stretch justify-start">
+    <div class="flex flex-row w-full max-w-sm items-stretch justify-between">
         <ActionButton :icon="Reply" @click="emit('reply')" :title="m.drab_tense_turtle_comfort()" :disabled="!identity">
             {{ numberFormat(replyCount) }}
         </ActionButton>

components/notes/header.vue

@@ -33,7 +33,7 @@
                 <span class="text-muted-foreground ml-auto tracking-normal" :title="fullTime">{{ timeAgo }}</span>
             </span>
         </div>
-        <div class="flex flex-col gap-1 justify-center items-end" v-if="!smallLayout">
+        <div class="flex flex-col gap-1 h-full justify-center items-end" v-if="!smallLayout">
             <NuxtLink :href="noteUrlAsPath" class="text-xs text-muted-foreground"
                 :title="visibilities[visibility].text">
                 <component :is="visibilities[visibility].icon" class="size-4" />

components/notes/note.vue

@@ -1,5 +1,5 @@
 <template>
-    <Card as="article" class="relative gap-4 items-stretch">
+    <Card as="article" class="relative gap-3 items-stretch">
         <CardHeader as="header" class="space-y-2">
             <ReblogHeader
                 v-if="note.reblog"