From cd5253cdbc076c53e0c4a54b3422e2d6e28f9e44 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sun, 25 May 2025 20:10:42 +0100
Subject: [PATCH] Constrain display of release summary

---
 lib/music_library_web/components/form_component.ex    | 4 ++--
 lib/music_library_web/components/record_components.ex | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/lib/music_library_web/components/form_component.ex b/lib/music_library_web/components/form_component.ex
index 8450fbae..5c2c7b28 100644
--- a/lib/music_library_web/components/form_component.ex
+++ b/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
diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index b573df4c..0cbdc726 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/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}