From c656a9f267f0c35a4f247779a53bcf61d7fe6698 Mon Sep 17 00:00:00 2001
From: Roene Verbeek <85165259+Roene-JustBetter@users.noreply.github.com>
Date: Thu, 11 Apr 2024 10:10:04 +0200
Subject: [PATCH] Fix wishlist overview when text is to long (#29)

---
 resources/views/account/partials/list-item.blade.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/account/partials/list-item.blade.php b/resources/views/account/partials/list-item.blade.php
index 4eb8629..7701406 100644
--- a/resources/views/account/partials/list-item.blade.php
+++ b/resources/views/account/partials/list-item.blade.php
@@ -1,7 +1,7 @@
-<a class="flex items-center gap-x-7 bg-white rounded border pb-5 pt-4 px-7 hover:opacity-75" :href="'{{ route('wishlist.show', '') }}/'+wishlist.id">
-    <x-heroicon-s-heart class="w-5 h-5 text-ct-wishlist" />
+<a class="flex items-start gap-x-7 bg-white rounded border pb-5 pt-4 px-7 hover:opacity-75" :href="'{{ route('wishlist.show', '') }}/'+wishlist.id">
+    <x-heroicon-s-heart class="w-5 h-5 text-ct-wishlist mt-1.5" />
     <div class="flex flex-col">
         <div class="w-full text-base font-medium text-ct-neutral">@lang('Number of articles') (@{{ wishlist.items.length }})</div>
-        <div class="w-full text-sm truncate text-ct-inactive">@{{ wishlist.description }}</div>
+        <div class="w-full text-sm text-ct-inactive max-w-48 max-md:truncate md:max-w-3xl">@{{ wishlist.description }}</div>
     </div>
-</a>
\ No newline at end of file
+</a>