From 5675d5aef905c89833265a0f327390838a816ba1 Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Sun, 25 Dec 2022 20:28:26 +0100
Subject: [PATCH] fix: notifications spacing

---
 components/notification/NotificationCard.vue         | 6 +++---
 components/notification/NotificationGroupedLikes.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/notification/NotificationCard.vue b/components/notification/NotificationCard.vue
index 41f45741..0615c277 100644
--- a/components/notification/NotificationCard.vue
+++ b/components/notification/NotificationCard.vue
@@ -46,7 +46,7 @@ const { notification } = defineProps<{
     <template v-else-if="notification.type === 'favourite'">
       <StatusCard :status="notification.status!" :faded="true">
         <template #meta>
-          <div flex="~" gap-1 items-center>
+          <div flex="~" gap-1 items-center mt1>
             <div i-ri:heart-fill text-xl mr-1 color-red />
             <AccountInlineInfo text-primary font-bold :account="notification.account" mr1 />
           </div>
@@ -56,7 +56,7 @@ const { notification } = defineProps<{
     <template v-else-if="notification.type === 'reblog'">
       <StatusCard :status="notification.status!" :faded="true">
         <template #meta>
-          <div flex="~" gap-1 items-center>
+          <div flex="~" gap-1 items-center mt1>
             <div i-ri:repeat-fill text-xl mr-1 color-green />
             <AccountInlineInfo text-primary font-bold :account="notification.account" mr1 />
           </div>
@@ -66,7 +66,7 @@ const { notification } = defineProps<{
     <template v-else-if="notification.type === 'update'">
       <StatusCard :status="notification.status!" :faded="true">
         <template #meta>
-          <div flex="~" gap-1 items-center>
+          <div flex="~" gap-1 items-center mt1>
             <div i-ri:edit-2-fill text-xl mr-1 text-secondary />
             <AccountInlineInfo :account="notification.account" mr1 />
             <span ws-nowrap>
diff --git a/components/notification/NotificationGroupedLikes.vue b/components/notification/NotificationGroupedLikes.vue
index 819e4fb4..d2a3b363 100644
--- a/components/notification/NotificationGroupedLikes.vue
+++ b/components/notification/NotificationGroupedLikes.vue
@@ -10,7 +10,7 @@ const { group } = defineProps<{
   <article flex flex-col relative>
     <StatusCard :status="group.status!" :faded="true">
       <template #meta>
-        <div flex flex-col gap-2>
+        <div flex flex-col gap-1 mt-1>
           <div v-for="like of group.likes" :key="like.account.id" flex>
             <div v-if="like.reblog" i-ri:repeat-fill text-xl mr-2 color-green />
             <div v-if="like.favourite && !like.reblog" i-ri:heart-fill text-xl mr-2 color-red />