Simplify online shops UI in wishlist detail view

lib/music_library_web/live/wishlist_live/show.html.heex

@@ -271,26 +271,14 @@
   </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
-        :for={template <- @online_store_templates}
-        class="flex items-center justify-between py-2 px-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
-      >
-        <img
-          class="mr-2"
-          src={MusicLibrary.OnlineStoreTemplates.favicon_url(template)}
-          alt={template.name}
-          loading="lazy"
-        />
-        <span class="text-sm font-medium text-gray-900 dark:text-white grow">
-          {template.name}
-        </span>
       <.button
+        :for={template <- @online_store_templates}
         as="link"
         href={OnlineStoreTemplates.generate_url(template, @record)}
         target="_blank"
@@ -299,11 +287,17 @@
         size="sm"
         class="ml-2"
       >
-          <.icon name="hero-arrow-top-right-on-square" class="h-4 w-4" />
+        <img
-          {gettext("Search")}
+          class="mr-2"
+          src={MusicLibrary.OnlineStoreTemplates.favicon_url(template)}
+          alt={template.name}
+          loading="lazy"
+        />
+        <span class="text-sm font-medium text-zinc-900 dark:text-white">
+          {template.name}
+        </span>
       </.button>
     </div>
-    </div>
   </details>
 </div>
 

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 ""

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 ""