Update ContentsLayout.js

- Update styles prev and next link block - Replace `←` and `→` with `←` and `→` respectively.
javaistic · uiuxarghya · Nov 27, 2021 · Nov 27, 2021 · Nov 27, 2021 · dff5e21981b61eb92c39c1690c2051c33d80fce5
commit dff5e21981b61eb92c39c1690c2051c33d80fce5
diff --git a/src/layouts/ContentsLayout.js b/src/layouts/ContentsLayout.js
@@ -191,20 +191,20 @@ 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>
               </Link>
             )}
             {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>