refactor: 💄 Update card and action button padding

components/form/switch.vue

@@ -1,5 +1,5 @@
 <template>
-    <Card class="p-4">
+    <Card>
         <FormItem class="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2">
             <CardHeader class="flex flex-col gap-1.5 p-0">
                 <FormLabel class="font-semibold tracking-tight" :as="CardTitle">

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"

components/preferences/developer.vue

@@ -1,5 +1,5 @@
 <template>
-    <Card class="grid gap-3 text-sm p-4">
+    <Card class="grid gap-3 text-sm">
         <dl class="grid gap-3">
             <div v-for="[key, value] of data" :key="key" class="flex flex-row items-baseline justify-between gap-4 truncate">
                 <dt class="text-muted-foreground">

components/preferences/stats.vue

@@ -1,5 +1,5 @@
 <template>
-    <Card class="grid gap-3 text-sm max-w-sm p-4">
+    <Card class="grid gap-3 text-sm max-w-sm">
         <dl class="grid gap-3">
             <div v-for="[key, value] of data" :key="key" class="flex flex-row items-baseline justify-between gap-4 truncate">
                 <dt class="text-muted-foreground">

components/ui/card/Card.vue

@@ -9,7 +9,7 @@ const props = defineProps<{
 
 <template>
     <div data-slot="card" :class="cn(
-        'bg-card text-card-foreground flex flex-col gap-6 rounded-md border p-6 shadow-sm',
+        'bg-card text-card-foreground flex flex-col gap-6 rounded-md border p-4 shadow-sm',
         props.class,
     )
         ">