Update padding and margin styles on index and blog pages (#462)

layouts/blog/single.html

@@ -32,7 +32,7 @@ <h3 class="font-bold text-xl sm:text-2xl lg:text-3xl text-center" data-blog-titl
           end }}</b>
         {{ with .Title }} {{ after (len (index (split . " ") 0)) . | safeHTML }} {{ end }}
       </h3>
-      <div class="flex flex-wrap justify-center items-center my-4">
+      <div class="flex flex-wrap justify-center items-center my-6">
         {{ $profile := .Params.profile }}
         {{ if eq (len .Params.authors) 1}}
         {{ range .Params.authors }}
@@ -56,7 +56,7 @@ <h3 class="font-bold text-xl sm:text-2xl lg:text-3xl text-center" data-blog-titl
 
       </div>
 
-      <article class="max-w-[800px] mx-auto prose">
+      <article class="max-w-[800px] mx-auto prose mt-12">
         {{ .Content | safeHTML }}
         {{ if .Params.photo_credit }}
         <div class="border-t my-12"></div>

layouts/partials/newsletterForm.html

@@ -1,4 +1,4 @@
-<div class="bg-[#1D65A6] max-w-[800px] mx-auto mt-20 py-14 px-12 md:px-16 text-white md:rounded-lg">
+<div class="bg-[#1D65A6] max-w-[800px] mx-auto mt-20 py-8 px-12 md:px-16 text-white md:rounded-lg">
 
   <input type="hidden" id="newsletterFormID" value="8aeeb77b-a5e0-4772-b726-44e1fc2eb6e1">
   <form action="blog" method="post" id="newsletterForm">
@@ -21,7 +21,7 @@ <h6 class="font-bold text-center">{{ i18n "enterEmailToSubscribe" }}</h6>
     </div>
     <div class="flex justify-center">
 
-      <button type="submit" class="bg-[#192E5B] px-14 py-4 mt-10 rounded-lg text-sm text-white uppercase md:text-base">
+      <button type="submit" class="bg-[#192E5B] px-10 py-3 mt-8 rounded-lg text-sm text-white uppercase md:text-base hover:bg-[#192E5B]/80">
         {{ i18n
         "submit" }}</button>
     </div>

layouts/shortcodes/human-loop.html

@@ -12,7 +12,7 @@ <h5 class="font-bold text-[#757575]">{{ .tagline }}</h5>
     <h2 class="py-2 text-2xl md:text-4xl font-extrabold">{{ .title }} </h2>
     <p class="my-4 md:text-lg">{{ .description | markdownify }}</p>
     <div class="py-4">
-      <a href="{{ .button.url }}" class="py-4 px-4 md:px-6 bg-[#2F4858] font-bold text-white text-center hover:bg-[#2F4858]/80">{{ .button.text }}</a>
+      <a href="{{ .button.url }}" class="inline-block py-4 px-4 md:px-6 bg-[#2F4858] font-bold text-white text-center hover:bg-[#2F4858]/80">{{ .button.text }}</a>
     </div>
   </section>
 </section>