From d16afb696581fc659dc6b15c11c1cb6f6ebdf99a Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Sat, 16 Mar 2024 11:03:07 +0100
Subject: [PATCH] fix: icon sizes

---
 src/components/DownloadLink.tsx | 2 +-
 src/components/MoreLink.tsx     | 2 +-
 tailwind.config.cjs             | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DownloadLink.tsx b/src/components/DownloadLink.tsx
index dd07657..c7ae6ee 100644
--- a/src/components/DownloadLink.tsx
+++ b/src/components/DownloadLink.tsx
@@ -11,7 +11,7 @@ interface Props extends JSX.HTMLAttributes<HTMLAnchorElement> {
 export const DownloadLink: FunctionalComponent<Props> = ({ href, text, ...props }) => (
 	<TextLink class="group" href={href} {...props}>
 		{text}
-		<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.4em]">
+		<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
 			<Download
 				aria-hidden="true"
 				class="icon h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-y-1 group-focus:translate-y-1"
diff --git a/src/components/MoreLink.tsx b/src/components/MoreLink.tsx
index a121aff..e3bf755 100644
--- a/src/components/MoreLink.tsx
+++ b/src/components/MoreLink.tsx
@@ -11,7 +11,7 @@ interface Props extends JSX.HTMLAttributes<HTMLAnchorElement> {
 export const MoreLink: FunctionalComponent<Props> = ({ href, text, ...props }) => (
 	<TextLink class="group" href={href} {...props}>
 		{text}
-		<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.4em]">
+		<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
 			<ArrowRight
 				aria-hidden="true"
 				class="icon h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-x-1 group-focus:translate-x-1"
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 0c83322..3c93d0a 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -117,9 +117,9 @@ module.exports = {
 				layout: 'clamp(1.5rem, 6.9375vw, 4.5rem)',
 				gap: 'clamp(1.5rem, 6.9375vw, 6rem)',
 				halfgap: 'calc(clamp(1.5rem, 6.9375vw, 6rem) / 2)',
-				icon: '30px',
-				'icon-small': '25px',
-				clickarea: '50px',
+				icon: '24px',
+				'icon-small': '20px',
+				clickarea: '40px',
 			},
 			fontFamily: {
 				sans: ['SecuelaVariable', 'Arial', 'sans-serif'],