In record list, move format, type and purchase date to new line

lib/music_library_web/components/record_components.ex

@@ -43,8 +43,9 @@ defmodule MusicLibraryWeb.RecordComponents do
             </h2>
             <p class="mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400">
               {Records.Record.format_release(record.release)}
-              <span class="sm:hidden">
-                · {Records.Record.format_long_label(record.format)} · {Records.Record.type_long_label(
+            </p>
+            <p class="sm:hidden mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400">
+              {Records.Record.format_long_label(record.format)} · {Records.Record.type_long_label(
                 record.type
               )}
               <span :if={Records.Record.child_release_groups_count(record) > 0}>
@@ -76,7 +77,6 @@ defmodule MusicLibraryWeb.RecordComponents do
                 />
                 {Records.Record.format_purchased_at(record.purchased_at)}
               </span>
-              </span>
             </p>
           </div>
         </div>

priv/gettext/default.pot

@@ -181,7 +181,7 @@ msgstr ""
 msgid "Purchased at"
 msgstr ""
 
-#: lib/music_library_web/components/record_components.ex:69
+#: lib/music_library_web/components/record_components.ex:70
 #: lib/music_library_web/components/record_components.ex:108
 #: lib/music_library_web/live/collection_live/show.html.heex:181
 #, elixir-autogen, elixir-format
@@ -357,7 +357,7 @@ msgstr ""
 msgid "Wishlisted"
 msgstr ""
 
-#: lib/music_library_web/components/record_components.ex:53
+#: lib/music_library_web/components/record_components.ex:54
 #: lib/music_library_web/components/record_components.ex:92
 #, elixir-autogen, elixir-format
 msgid "Number of included records"