From ffac92c0ef495e5d5ec77552dff0fec2b449e90f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 2 Feb 2022 09:45:26 +0100
Subject: [PATCH] fix: tap targets on mobile for footer links

---
 layouts/partials/footer.html | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7a5e934..a2f59f0 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -17,7 +17,7 @@
 			href="https://twitter.com/vikunjaio"
 			target="_blank"
 			rel="noopener"
-			class="flex pb-2 align-middle hover:underline"
+			class="flex py-2 align-middle hover:underline"
 		>
 			<svg
 				class="h-4 w-4"
@@ -39,7 +39,7 @@
 			</svg>
 			<span class="ml-1"> Follow Vikunja on Twitter </span>
 		</a>
-		<a href="https://matrix.to/#/#vikunja:matrix.org">
+		<a href="https://matrix.to/#/#vikunja:matrix.org" class="py-2">
 			<img
 				src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen"
 				alt="Chat on matrix.org"
@@ -75,14 +75,14 @@
 	</div>
 	<div class="mt-4 flex w-full flex-col md:mt-0 md:w-1/5">
 		<h3 class="mb-4 font-title text-base font-bold md:mb-6">Legal</h3>
-		<a href="/privacy" class="pb-2 hover:underline">Privacy Policy</a>
-		<a href="/imprint" class="pb-2 hover:underline">Imprint</a>
+		<a href="/privacy" class="py-2 md:pt-0 hover:underline">Privacy Policy</a>
+		<a href="/imprint" class="py-2 md:pt-0 hover:underline">Imprint</a>
 	</div>
 	<div class="mt-4 flex w-full flex-col md:mt-0 md:w-1/5">
 		<h3 class="mb-4 font-title text-base font-bold md:mb-6">Support Us</h3>
 		<a
 			href="https://www.buymeacoffee.com/kolaente"
-			class="flex pb-2 align-middle hover:underline"
+			class="flex py-2 md:pt-0 align-middle hover:underline"
 			target="_blank"
 		>
 			<img
@@ -94,7 +94,7 @@
 		</a>
 		<a
 			href="https://github.com/sponsors/kolaente/button"
-			class="flex pb-2 align-middle hover:underline"
+			class="flex py-2 md:pt-0 align-middle hover:underline"
 			target="_blank"
 		>
 			<svg
@@ -113,37 +113,37 @@
 			</svg>
 			<span> Sponsor on Github </span>
 		</a>
-		<a href="https://opencollective.com/vikunja" class="pb-2 hover:underline" target="_blank">
+		<a href="https://opencollective.com/vikunja" class="py-2 md:pt-0 hover:underline" target="_blank">
 			Sponsor on Opencollective
 		</a>
 		<a
 			href="https://vikunja.cloud/stickers?utm_source=io&utm_medium=io&utm_campaign=footer"
-			class="pb-2 hover:underline"
+			class="py-2 md:pt-0 hover:underline"
 		>
 			Buy Stickers
 		</a>
 	</div>
 	<div class="mt-4 flex w-full flex-col md:mt-0 md:w-1/5">
 		<h3 class="mb-4 font-title text-base font-bold md:mb-6">Product</h3>
-		<a href="https://vikunja.cloud/features" class="pb-2 hover:underline">Features</a>
-		<a href="https://vikunja.cloud/managed-service" class="pb-2 hover:underline"
+		<a href="https://vikunja.cloud/features" class="py-2 md:pt-0 hover:underline">Features</a>
+		<a href="https://vikunja.cloud/managed-service" class="py-2 md:pt-0 hover:underline"
 			>Managed Service</a
 		>
 		<a
 			href="https://vikunja.cloud/?utm_source=io&utm_medium=io&utm_campaign=footer"
-			class="pb-2 hover:underline"
+			class="py-2 md:pt-0 hover:underline"
 		>
 			Get it Hosted
 		</a>
-		<a href="https://vikunja.cloud/stickers" class="pb-2 hover:underline">Stickers</a>
+		<a href="https://vikunja.cloud/stickers" class="py-2 md:pt-0 hover:underline">Stickers</a>
 	</div>
 	<div class="mt-4 flex w-full flex-col md:mt-0 md:w-1/5">
 		<h3 class="mb-4 font-title text-base font-bold md:mb-6">About</h3>
-		<a href="/" class="pb-2 hover:underline">Home</a>
-		<a href="/docs" class="pb-2 hover:underline">Docs</a>
-		<a href="/contact/" class="pb-2 hover:underline">Contact</a>
-		<a href="/survey" class="pb-2 hover:underline">Feedback Survey</a>
-		<a href="https://community.vikunja.io" class="pb-2 hover:underline">Community Forum</a>
+		<a href="/" class="py-2 md:pt-0 hover:underline">Home</a>
+		<a href="/docs" class="py-2 md:pt-0 hover:underline">Docs</a>
+		<a href="/contact/" class="py-2 md:pt-0 hover:underline">Contact</a>
+		<a href="/survey" class="py-2 md:pt-0 hover:underline">Feedback Survey</a>
+		<a href="https://community.vikunja.io" class="py-2 md:pt-0 hover:underline">Community Forum</a>
 	</div>
 </footer>