From 6c15bb55cf9c31a62364c78f3b62662bd827bff5 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Sat, 25 Feb 2023 23:27:59 +0100
Subject: [PATCH] chore: update margins of the footer

---
 src/components/PageFooter.astro      | 20 +++++++++++---------
 src/components/RSSLink.astro         |  9 +++++++--
 src/components/Subnavigation.astro   |  4 ++--
 src/components/Subsubheadline.svelte |  2 +-
 4 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/components/PageFooter.astro b/src/components/PageFooter.astro
index 843cf88..658cf1c 100644
--- a/src/components/PageFooter.astro
+++ b/src/components/PageFooter.astro
@@ -7,15 +7,17 @@ import UpLink from './UpLink.astro';
 ---
 
 <footer
-	class="bg-shibui-200 mbs-layout pis-9 pie-6 pbe-5 pbs-10 border-bs-2 border-bs-shibui-250 dark:bg-shibui-950 dark:border-bs-shibui-850 print:hidden"
+	class="grid grid-cols-18 bg-shibui-200 mbs-layout pbe-10 pbs-12 border-bs-2 border-bs-shibui-250 dark:bg-shibui-950 dark:border-bs-shibui-850 print:hidden"
 >
-	<div class="flex flex-col gap-4 mbe-10 sm:flex-row sm:mbe-0">
-		<RSSLink />
-		<Subnavigation />
-	</div>
-	<div class="flex flex-col flex-wrap text-[12px] sm:flex-row sm:gap-4">
-		<Legal />
-		<SocialLinks />
-		<UpLink />
+	<div class="col-span-14 col-start-3 sm:col-span-16 sm:col-start-2">
+		<div class="flex flex-col gap-4 mbe-10 sm:flex-row sm:mbe-5">
+			<RSSLink />
+			<Subnavigation />
+		</div>
+		<div class="flex flex-col flex-wrap text-[12px] sm:flex-row sm:gap-4">
+			<Legal />
+			<SocialLinks />
+			<UpLink />
+		</div>
 	</div>
 </footer>
diff --git a/src/components/RSSLink.astro b/src/components/RSSLink.astro
index 9fc06e7..3dd1758 100644
--- a/src/components/RSSLink.astro
+++ b/src/components/RSSLink.astro
@@ -7,8 +7,13 @@ import Subsubheadline from './Subsubheadline.svelte';
 <div class="grow mbe-5 sm:mbe-0">
 	<Subsubheadline>Stay up to date.</Subsubheadline>
 	<p>
-		<a href="/rss.xml" rel="nofollow noopener noreferrer external" target="_blank">
-			<Sprite name="ri:rss-fill" class="h-icon w-icon inline" />
+		<Sprite name="ri:rss-fill" class="h-icon w-icon inline" />
+		<a
+			class="font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20"
+			href="/rss.xml"
+			rel="nofollow noopener noreferrer external"
+			target="_blank"
+		>
 			Subscribe via RSS
 		</a>
 	</p>
diff --git a/src/components/Subnavigation.astro b/src/components/Subnavigation.astro
index 3302bbe..7762981 100644
--- a/src/components/Subnavigation.astro
+++ b/src/components/Subnavigation.astro
@@ -11,7 +11,7 @@ const currentPath = new URL(Astro.request.url).pathname;
 				<li>
 					<a
 						href={url}
-						class={`text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 ${
+						class={`font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 ${
 							currentPath === url && 'underline !decoration-accent decoration-4'
 						}`}
 					>
@@ -21,7 +21,7 @@ const currentPath = new URL(Astro.request.url).pathname;
 			))
 		}
 	</ul>
-	<ul class="mie-12 md:mie-16">
+	<ul class="mie-10">
 		{
 			data.misc.map(({ title, url }) => (
 				<li>
diff --git a/src/components/Subsubheadline.svelte b/src/components/Subsubheadline.svelte
index de6e4e1..07ca002 100644
--- a/src/components/Subsubheadline.svelte
+++ b/src/components/Subsubheadline.svelte
@@ -4,7 +4,7 @@
 
 <svelte:element
 	this={as}
-	class={`text-3 font-black tracking-tight mbe-8 mbs-14 first-of-type:mbs-0 dark:font-extrabold ${
+	class={`text-3 font-black tracking-tight mbe-5 mbs-14 first-of-type:mbs-0 dark:font-extrabold ${
 		$$props.class || ''
 	}`}
 >