Fix header spacing (#108)

* Update lockfile

* Clean up some Tailwind lints

* Fix spacing on right side of header

Author: kylewlacy

package-lock.json

@@ -58,7 +58,7 @@ const socialLinks: SocialLink[] = [
   <div
     class="w-full bg-gray-100 text-accent-600 px-6 py-3 border-gray-200 border-b flex flex-row items-baseline-last dark:bg-gray-800 dark:text-accent-200 dark:border-gray-900"
   >
-    <div class="flex-grow flex flex-row flex-wrap items-center gap-x-8">
+    <div class="grow flex flex-row flex-wrap items-center gap-x-8">
       <a
         href="/"
         class="text-2xl font-semibold inline-flex items-center gap-4 lg:gap-6"
@@ -71,17 +71,17 @@ const socialLinks: SocialLink[] = [
       <nav class="inline-flex items-center gap-4 mt-[0.40rem]">
         {
           navLinks.map((link) => (
-            <Link nav href={link.href} class="!no-underline">
+            <Link nav href={link.href} class="no-underline!">
               {link.label}
             </Link>
           ))
         }
       </nav>
     </div>
     <div
-      class="flex flex-row items-center gap-4 md:divide-x divide-gray-300 dark:divide-gray-700"
+      class="flex flex-row items-center md:divide-x divide-gray-300 dark:divide-gray-700"
     >
-      <div class="hidden md:flex md:flex-row gap-4">
+      <div class="hidden gap-4 pr-4 md:flex md:flex-row md:h-8 md:items-center">
         {
           socialLinks.map((link) => (
             <a href={link.href} class="hover:opacity-65" title={link.label}>