From 24dd6a5b12efa4da3e8c0fea768b5ce5558934b3 Mon Sep 17 00:00:00 2001
From: Johan Brook <johan@lookback.io>
Date: Tue, 19 Sep 2023 09:22:33 +0200
Subject: [PATCH] Layout in home

---
 src/_includes/layouts/home.njk | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
index 9961e50c5..57c190179 100644
--- a/src/_includes/layouts/home.njk
+++ b/src/_includes/layouts/home.njk
@@ -12,11 +12,13 @@ home: true
     </section>
 
     <section class="mb4">
-      <header class="flex items-center">
+      <header class="flex items-center justify-between">
         <h1 class="f2 mb0">On my mind</h1>
 
-        <a href="/mind" class="ml3 f5" title="Read more">All notes</a>
-        <a href="/mind.xml" class="ml2 ml-1 f5" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        <p class="mb0 flex items-center gap f5">
+        	<a href="/mind" title="Read more">All notes</a>
+        	<a href="/mind.xml" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        </p>
       </header>
 
       <ol>
@@ -48,11 +50,13 @@ home: true
     </section>
 
     <section>
-      <header class="flex items-center mb3">
+      <header class="flex items-center justify-between mb3">
         <h1 class="f2 mb0">Writings</h1>
 
-        <a href="/writings" class="ml3 f5" title="Read more">All writings</a>
-        <a href="/feed.xml" class="ml2 ml-1 f5" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        <p class="mb0 flex items-center gap f5">
+	        <a href="/writings" title="Read more">All writings</a>
+	        <a href="/feed.xml" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        </p>
       </header>
 
       <ol>