Reduce vertical margins and paddings

lib/music_library_web/components/core_components.ex

@@ -592,7 +592,7 @@ defmodule MusicLibraryWeb.CoreComponents do
 
   def back(assigns) do
     ~H"""
-    <div class="mt-4 md:mt-16">
+    <div class="mt-4 md:mt-8">
       <.link
         navigate={@navigate}
         class="text-sm font-semibold leading-6 text-zinc-900 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300"

lib/music_library_web/components/layouts/app.html.heex

@@ -28,7 +28,7 @@
     </div>
   </div>
 </nav>
-<main class="px-4 py-8 max-sm:pb-20 sm:px-6 lg:px-8">
+<main class="px-4 py-4 max-sm:pb-20 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-screen-xl">
     <.flash_group flash={@flash} />
     <%= @inner_content %>

lib/music_library_web/live/collection_live/show.html.heex

@@ -150,7 +150,7 @@
   <pre><code class="text-xs sm:text-sm"><%= Jason.encode!(@record.musicbrainz_data, pretty: true) %></code></pre>
 </details>
 
-<div class="mt-8">
+<div class="mt-4">
   <.back navigate={@back_url}>
     <%= gettext("Back to records") %>
   </.back>

lib/music_library_web/live/wishlist_live/show.html.heex

@@ -143,7 +143,7 @@
   <pre><code class="text-xs sm:text-sm"><%= Jason.encode!(@record.musicbrainz_data, pretty: true) %></code></pre>
 </details>
 
-<div class="mt-8">
+<div class="mt-4">
   <.back navigate={@back_url}>
     <%= gettext("Back to wishlist") %>
   </.back>