diff --git a/lib/music_library_web/live/record_live/index.html.heex b/lib/music_library_web/live/record_live/index.html.heex
index 8c53511e..abd3eae2 100644
--- a/lib/music_library_web/live/record_live/index.html.heex
+++ b/lib/music_library_web/live/record_live/index.html.heex
@@ -32,20 +32,41 @@
<%= record.year %>
<:action :let={{_id, record}}>
- <.link href={musicbrainz_url(record)} target=".blank">MB
+
+ <.link href={musicbrainz_url(record)} target=".blank">
+ MusicBrainz
+
+
+ <.link href={musicbrainz_url(record)} target=".blank">
+ <.icon name="hero-arrow-top-right-on-square" class="h-6 w-6" />
+
<:action :let={{_id, record}}>
<.link navigate={~p"/records/#{record}"}>Show
- <.link patch={~p"/records/#{record}/edit"}>Edit
+
+
+ <.link patch={~p"/records/#{record}/edit"}>Edit
+
+ <.link patch={~p"/records/#{record}/edit"}>
+ <.icon name="hero-pencil-square-solid" class="h-6 w-6" />
+
<:action :let={{id, record}}>
+
+ <.link
+ phx-click={JS.push("delete", value: %{id: record.id}) |> hide("##{id}")}
+ data-confirm="Are you sure?"
+ >
+ Delete
+
+
<.link
phx-click={JS.push("delete", value: %{id: record.id}) |> hide("##{id}")}
data-confirm="Are you sure?"
>
- Delete
+ <.icon name="hero-trash-solid" class="h-6 w-6" />