From 91e39124af57fa52466ce1330a8e50ef1ee465df Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Wed, 16 Jul 2025 11:18:35 +0100
Subject: [PATCH] Simplify online shops UI in wishlist detail view

---
 .../live/wishlist_live/show.html.heex         | 28 ++++++++-----------
 priv/gettext/default.pot                      |  1 -
 priv/gettext/en/LC_MESSAGES/default.po        |  1 -
 3 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/lib/music_library_web/live/wishlist_live/show.html.heex b/lib/music_library_web/live/wishlist_live/show.html.heex
index febdfeff..a69967ea 100644
--- a/lib/music_library_web/live/wishlist_live/show.html.heex
+++ b/lib/music_library_web/live/wishlist_live/show.html.heex
@@ -271,15 +271,21 @@
   </div>
 </div>
 
-<div :if={@online_store_templates != []} class="mt-8">
+<div :if={@online_store_templates != []} class="mt-4">
   <details class="px-4 text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300">
     <summary class="text-sm font-medium cursor-pointer">
       {gettext("Check Online Stores")}
     </summary>
     <div class="mt-4 space-y-2">
-      <div
+      <.button
         :for={template <- @online_store_templates}
-        class="flex items-center justify-between py-2 px-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
+        as="link"
+        href={OnlineStoreTemplates.generate_url(template, @record)}
+        target="_blank"
+        rel="noopener noreferrer"
+        variant="ghost"
+        size="sm"
+        class="ml-2"
       >
         <img
           class="mr-2"
@@ -287,22 +293,10 @@
           alt={template.name}
           loading="lazy"
         />
-        <span class="text-sm font-medium text-gray-900 dark:text-white grow">
+        <span class="text-sm font-medium text-zinc-900 dark:text-white">
           {template.name}
         </span>
-        <.button
-          as="link"
-          href={OnlineStoreTemplates.generate_url(template, @record)}
-          target="_blank"
-          rel="noopener noreferrer"
-          variant="ghost"
-          size="sm"
-          class="ml-2"
-        >
-          <.icon name="hero-arrow-top-right-on-square" class="h-4 w-4" />
-          {gettext("Search")}
-        </.button>
-      </div>
+      </.button>
     </div>
   </details>
 </div>
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index a5c935e0..db0c280f 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -173,7 +173,6 @@ msgid "Saving..."
 msgstr ""
 
 #: lib/music_library_web/components/record_components.ex
-#: lib/music_library_web/live/wishlist_live/show.html.heex
 #, elixir-autogen, elixir-format
 msgid "Search"
 msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index 66dec96e..43c22a49 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -173,7 +173,6 @@ msgid "Saving..."
 msgstr ""
 
 #: lib/music_library_web/components/record_components.ex
-#: lib/music_library_web/live/wishlist_live/show.html.heex
 #, elixir-autogen, elixir-format
 msgid "Search"
 msgstr ""