From eb9697d36ecec7cfe9dd9a62423b61cdf7134264 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 7 Oct 2024 11:21:36 +0100
Subject: [PATCH] Fix mobile spacing issues with links

---
 lib/music_library_web/components/core_components.ex | 2 +-
 lib/music_library_web/components/pagination.ex      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/components/core_components.ex b/lib/music_library_web/components/core_components.ex
index cbb1efb5..0b61fcf0 100644
--- a/lib/music_library_web/components/core_components.ex
+++ b/lib/music_library_web/components/core_components.ex
@@ -561,7 +561,7 @@ defmodule MusicLibraryWeb.CoreComponents do
 
   def back(assigns) do
     ~H"""
-    <div class="mt-16">
+    <div class="mt-4 md:mt-16 mb-4">
       <.link
         navigate={@navigate}
         class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
diff --git a/lib/music_library_web/components/pagination.ex b/lib/music_library_web/components/pagination.ex
index 58c327de..34bb98e5 100644
--- a/lib/music_library_web/components/pagination.ex
+++ b/lib/music_library_web/components/pagination.ex
@@ -12,7 +12,7 @@ defmodule MusicLibraryWeb.Pagination do
     ~H"""
     <div
       id="pagination"
-      class="flex items-center justify-between border-t border-gray-200 bg-white px-4 py-3 sm:px-6"
+      class="flex items-center justify-between border-t border-gray-200 bg-white px-4 py-3 sm:px-6 mb-4"
     >
       <%!-- Only on smallest viewport --%>
       <div class={[