From 9c7a2917a96e20c88ed70fd779f71bc6a914023c Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 30 Sep 2024 20:33:28 +0100
Subject: [PATCH] Style the record type when showing an album

---
 lib/music_library_web/live/record_live/show.html.heex | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/music_library_web/live/record_live/show.html.heex b/lib/music_library_web/live/record_live/show.html.heex
index a123cc8d..dc4de138 100644
--- a/lib/music_library_web/live/record_live/show.html.heex
+++ b/lib/music_library_web/live/record_live/show.html.heex
@@ -24,7 +24,11 @@
   </span>
 
   <.list>
-    <:item title="Type"><%= @record.type %></:item>
+    <:item title="Type">
+      <span class="inline-flex items-center mr-2 rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">
+        <%= @record.type %>
+      </span>
+    </:item>
     <:item title="Musicbrainz ID">
       <a href={musicbrainz_url(@record)}>
         <code><%= @record.musicbrainz_id %></code>