Fix page-wide margin inconsistencies

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

@@ -2,7 +2,7 @@
   <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
     <div class="flex h-16 justify-between">
       <div class="flex">
-        <div class="ml-6 flex space-x-8">
+        <div class="flex space-x-8">
           <a href="/" class={nav_link_class(assigns[:nav_section], :stats)}>
             Stats
           </a>

lib/music_library_web/live/record_live/index.html.heex

@@ -1,11 +1,11 @@
-<div class="px-4 sm:px-0">
+<div>
   <header class="gap-6 mb-2">
     <h1 class="text-lg font-semibold leading-8 text-zinc-800">All Records</h1>
     <div class="flex items-center justify-between gap-6 mb-2 mt-2">
       <form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
         <input
           type="search"
-          class="w-full rounded-lg text-zinc-900 border-gray-300 focus:border-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
+          class="w-full rounded-lg text-zinc-900 border-gray-300 focus:border-zinc-400 focus:ring-0 text-sm leading-6"
           id={:query}
           name={:query}
           value={@record_list_params.query}