Constrain display of release summary

lib/music_library_web/components/form_component.ex

@@ -17,7 +17,7 @@ defmodule MusicLibraryWeb.FormComponent do
   @impl true
   def render(assigns) do
     ~H"""
-    <div>
+    <div class="w-82 md:w-2xl">
       <header>
         <h1 class="text-sm font-medium leading-6 text-zinc-700 dark:text-zinc-400">
           {Record.artist_names(@record)}
@@ -136,7 +136,7 @@ defmodule MusicLibraryWeb.FormComponent do
       "in-data-highlighted:bg-zinc-100 dark:in-data-highlighted:bg-zinc-600",
       "[[data-highlighted]_&]:flx-focus:bg-zinc-100"
     ]}>
-      <.release_summary release={@release} />
+      <.release_summary release={@release} class="w-74" />
     </div>
     """
   end

lib/music_library_web/components/record_components.ex

@@ -281,10 +281,14 @@ defmodule MusicLibraryWeb.RecordComponents do
   end
 
   attr :release, :map, required: true
+  attr :class, :string, required: false, default: nil
 
   def release_summary(assigns) do
     ~H"""
-    <div class="grid grid-cols-2 space-x-1 text-zinc-700 dark:text-zinc-300">
+    <div class={[
+      @class,
+      "grid grid-cols-2 w-full auto-cols-min space-x-1 text-zinc-700 dark:text-zinc-300"
+    ]}>
       <div class="space-x-1">
         <span :if={@release.catalog_number} class="font-mono text-xs md:text-sm">
           {@release.catalog_number}