From 9e1aa234d3a4063662bcfdc1b92f3a8af49ca319 Mon Sep 17 00:00:00 2001
From: Yuliya Bagriy <aviskase@gmail.com>
Date: Sun, 7 Jan 2024 23:49:27 -0500
Subject: [PATCH] improve old/new

---
 layouts/articles/single.html                | 6 +++---
 layouts/partials/internal-link-classes.html | 2 +-
 tailwind.config.js                          | 1 -
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/layouts/articles/single.html b/layouts/articles/single.html
index 0787a290..73f14516 100644
--- a/layouts/articles/single.html
+++ b/layouts/articles/single.html
@@ -24,15 +24,15 @@
 <div class="mx-auto max-w-max mt-16 md:text-lg">
 
     {{ with $prev }}
-    <a class="relative" href="{{ .Permalink }}" title="{{ partial "func/MakeTitle" (dict "title" .Title "isVisible" false ) }}"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative inline text-blue-500 text-2xl md:text-3xl m-2"><path d="M11 17l-5-5 5-5M18 17l-5-5 5-5"/></svg>older</a>
+    <a class="relative  hover:text-blue-500 focus:text-blue-500 transition-colors duration-300 " href="{{ .Permalink }}" title="{{ partial "func/MakeTitle" (dict "title" .Title "isVisible" false ) }}"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative inline text-blue-500 text-xl md:text-2xl mx-2"><path d="M11 17l-5-5 5-5M18 17l-5-5 5-5"/></svg>older</a>
     {{ end }}
 
     {{ if and $prev $next }}
-    <span class="text-blue-500 font-bold">&nbsp; &middot; &nbsp; &middot; &nbsp; &middot; &nbsp;</span>
+    <span class="text-blue-500 font-bold md:mx-2">&nbsp; &middot; &nbsp; &middot; &nbsp; &middot; &nbsp;</span>
     {{ end }}
 
     {{ with $next }}
-    <a class="relative" href="{{ .Permalink }}" title="{{ partial "func/MakeTitle" (dict "title" .Title "isVisible" false ) }}">newer<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative inline text-blue-500 text-2xl md:text-3xl m-2"><path d="M13 17l5-5-5-5M6 17l5-5-5-5"/></svg></a>
+    <a class="relative  hover:text-blue-500 focus:text-blue-500 transition-colors duration-300 " href="{{ .Permalink }}" title="{{ partial "func/MakeTitle" (dict "title" .Title "isVisible" false ) }}">newer<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative inline text-blue-500 text-xl md:text-2xl mx-2"><path d="M13 17l5-5-5-5M6 17l5-5-5-5"/></svg></a>
     {{ end }}
 </div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/internal-link-classes.html b/layouts/partials/internal-link-classes.html
index 44d791d9..0cfaf414 100644
--- a/layouts/partials/internal-link-classes.html
+++ b/layouts/partials/internal-link-classes.html
@@ -1 +1 @@
-transition-colors duration-300 before:content-['[['] after:content-[']]'] hover:text-blue-500 focus:text-blue-500 before:text-blue-500 after:text-blue-500 before:text-[1.05em] after:text-[1.05em]
+before:content-['[['] after:content-[']]'] before:text-[1.05em] after:text-[1.05em] before:text-blue-500 after:text-blue-500 hover:text-blue-500 focus:text-blue-500 transition-colors duration-300 
diff --git a/tailwind.config.js b/tailwind.config.js
index ad573dd4..b9b2830d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -127,7 +127,6 @@ module.exports = {
     },
     extend: {
       // TODO: use variables for colors - theme
-      // TODO: better styling for old/new
       // TODO: better styling for listing
       // TODO: footer
       // TODO: header