fix: top nav subnav spacing and footer overlay (#1095)

* fix: top nav subnav position

* fix: footer stays on top on long pages

Author: wjohnsto

layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <footer
-  class="relative flex justify-center bg-white px-0 py-24 text-redis-pen-600 border border-t-redis-pen-300 text-[13px] font-sans">
+  class="relative z-50 flex justify-center bg-white px-0 py-24 text-redis-pen-600 border border-t-redis-pen-300 text-[13px] font-sans">
   <div class="flex w-full max-w-7xl flex-col gap-6 px-4 md:flex-row lg:px-8">
     <div class="flex flex-col gap-8 md:max-w-[40%] md:flex-[40%]">
       <a class="relative hover:text-redis-pen-400 w-[82px] mb-4" href="https://redis.io/">
@@ -10,7 +10,7 @@
         <div class="flex flex-row gap-2 items-center"><span>Language</span><span>{{ partial "icons/caret.html" }}</span>
         </div>
         */}}
-        <div class="flex flex-row gap-10 justify-between lg:justify-normal lg:gap-5 lg:order-first">
+        <div class="flex flex-row gap-5 order-first">
           <a class="hover:text-redis-pen-400" href="https://www.facebook.com/Redisinc">
             {{ partial "icons/Facebook.html" }}
           </a>
@@ -31,7 +31,7 @@
           </a>
         </div>
       </div>
-      <div class="hidden flex-col gap-4 sm:flex">
+      <div class="hidden flex-col gap-4 md:flex">
         <a class="hover:text-redis-pen-800" href="https://trust.redis.io/">Trust</a>
         <a class="hover:text-redis-pen-800" href="https://redis.io/legal/privacy-policy/">Privacy</a>
         <a class="hover:text-redis-pen-800" href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>

layouts/partials/header/products-dropdown.html

@@ -1,5 +1,5 @@
 <div
-  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-25 lg:border lg:border-redis-pencil-300 bg-white lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
+  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-20 lg:border lg:border-redis-pencil-300 bg-white lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
   <div class="p-10">
     <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">
       Products</h2>

layouts/partials/header/resources-dropdown.html

@@ -1,5 +1,5 @@
 <div
-  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-25 lg:border lg:border-redis-pencil-300 bg-white lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
+  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-20 lg:border lg:border-redis-pencil-300 bg-white lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
   <div class="p-10">
     <div>
       <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">