UI fix: footer alignment on mobile (#1498)

* fix(ui): footer alignment on mobile

* docs(changelog): new entry for footer alignment

CHANGELOG.md

@@ -13,6 +13,10 @@ All notable changes to this project will be documented in this file.
 ### Fixed
 - UI fix where multi-line text in pills would not be underlined properly on small screens.
 
+### Fixed
+
+- UI fix to align footer columns
+
 ## v1.4.1
 
 ### Fixed

lib/plausible_web/templates/layout/_footer.html.eex

@@ -51,7 +51,7 @@
               </li>
             </ul>
           </div>
-          <div class="mt-12 md:mt-0">
+          <div class="mt-32 md:mt-0">
             <h4 class="text-sm font-semibold tracking-wider text-gray-400 uppercase leading-5">
               Comparisons
             </h4>
@@ -68,10 +68,9 @@
               </li>
             </ul>
           </div>
-
         </div>
         <div class="md:grid md:grid-cols-2 md:gap-8">
-          <div class="mt-12 md:mt-0">
+          <div>
             <h4 class="text-sm font-semibold tracking-wider text-gray-400 uppercase leading-5">
               Community
             </h4>
@@ -108,7 +107,7 @@
               </li>
             </ul>
           </div>
-          <div>
+          <div class="mt-12 md:mt-0">
             <h4 class="text-sm font-semibold tracking-wider text-gray-400 uppercase leading-5">
               Company
             </h4>