From f9147e9751d5a2955f5b9d8cd4d9d3f409c52e35 Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Sun, 20 Feb 2022 12:23:17 +0100
Subject: [PATCH] fix styles

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
---
 src/views/DetailView.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue
index b5375d1..6c9c99d 100644
--- a/src/views/DetailView.vue
+++ b/src/views/DetailView.vue
@@ -148,14 +148,23 @@ const handleDeleteItem = async (item: WishlistItemType): Promise<void> => {
     <div
       v-else
       class="flex flex-col py-10"
-      :class="{ 'divide-y-2': editModeIsActive }"
+      :class="{
+        'divide-y-2': editModeIsActive,
+        'space-y-14 md:space-y-8': !editModeIsActive,
+      }"
     >
       <FormWishlistItem
         v-if="editModeIsActive"
         @create="handleCreateItem"
         class="py-8 md:py-14"
       />
-      <div v-for="item in filteredItems" :key="item.id" class="py-8 md:py-14">
+      <div
+        v-for="item in filteredItems"
+        :key="item.id"
+        :class="{
+          'py-8 md:py-14': editModeIsActive,
+        }"
+      >
         <WishlistItem
           v-if="!editModeIsActive"
           :item="item"