From dff5e21981b61eb92c39c1690c2051c33d80fce5 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com>
Date: Sat, 27 Nov 2021 17:08:03 +0530
Subject: [PATCH] Update ContentsLayout.js
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Update styles prev and next link block

- Replace `←` and `→` with `&larr;` and `&rarr;` respectively.
---
 src/layouts/ContentsLayout.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/layouts/ContentsLayout.js b/src/layouts/ContentsLayout.js
index e26f48e1..471a7006 100644
--- a/src/layouts/ContentsLayout.js
+++ b/src/layouts/ContentsLayout.js
@@ -191,9 +191,9 @@ export function ContentsLayout({ children, meta, classes, tableOfContents }) {
           <div className="mt-16 flex leading-6 font-medium">
             {prev && (
               <Link href={prev.href}>
-                <a className="flex mr-8 transition-colors duration-200 hover:text-gray-900">
+                <a className="flex mr-8 px-2 py-1 border-2 border-blue-500 rounded-md hover:shadow-md transition-colors duration-200 hover:text-gray-900">
                   <span aria-hidden="true" className="mr-2">
-                    ←
+                    &larr;
                   </span>
                   {prev.shortTitle || prev.title}
                 </a>
@@ -201,10 +201,10 @@ export function ContentsLayout({ children, meta, classes, tableOfContents }) {
             )}
             {next && (
               <Link href={next.href}>
-                <a className="flex text-right ml-auto transition-colors duration-200 hover:text-gray-900">
+                <a className="flex text-right ml-auto px-2 py-1 border-2 border-blue-500 rounded-md hover:shadow-md transition-colors duration-200 hover:text-gray-900">
                   {next.shortTitle || next.title}
                   <span aria-hidden="true" className="ml-2">
-                    →
+                    &rarr;
                   </span>
                 </a>
               </Link>