From 532b8f988b3478f1426490ead7e6a4414ecf5b34 Mon Sep 17 00:00:00 2001
From: Sahitya Chandra <sahityajb@gmail.com>
Date: Mon, 20 Jan 2025 12:58:56 +0530
Subject: [PATCH] prev/next button contrast and alignment fixed

---
 components/NavigationButtons.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/NavigationButtons.tsx b/components/NavigationButtons.tsx
index 8e8747577..7952f9665 100644
--- a/components/NavigationButtons.tsx
+++ b/components/NavigationButtons.tsx
@@ -37,8 +37,8 @@ export default function NextPrevButton({
       {prevURL && prevLabel ? (
         <div className='h-auto w-1/2'>
           <div
-            className='cursor-pointer rounded border border-gray-200 p-4 text-center shadow-md transition-all duration-300 ease-in-out hover:border-gray-300 hover:shadow-lg dark:shadow-xl dark:hover:shadow-2xl dark:drop-shadow-lg 
-          lg:text-left'
+            className='cursor-pointer rounded border border-gray-200 bg-slate-200 p-4 text-center shadow-md transition-all duration-300 ease-in-out hover:border-gray-500 hover:shadow-xl dark:bg-slate-900 dark:shadow-xl dark:hover:shadow-2xl dark:drop-shadow-lg 
+          sm:text-left'
           >
             <Link href={prevURL}>
               <div className='text-primary dark:text-slate-300 flex flex-row gap-5 text-[18px]'>
@@ -65,9 +65,9 @@ export default function NextPrevButton({
 
       {nextURL && nextLabel ? (
         <div className='h-auto w-1/2'>
-          <div className='h-full cursor-pointer rounded border border-gray-200 p-4 text-center shadow-md transition-all duration-300 ease-in-out hover:border-gray-300 hover:shadow-lg dark:shadow-xl dark:drop-shadow-lg dark:hover:shadow-2xl lg:text-right'>
+          <div className='h-full cursor-pointer rounded border border-gray-200 bg-slate-200 p-4 text-center shadow-md transition-all duration-300 ease-in-out hover:border-gray-500 hover:shadow-xl dark:bg-slate-900 dark:shadow-xl dark:drop-shadow-lg dark:hover:shadow-2xl sm:text-right'>
             <Link href={nextURL}>
-              <div className='text-primary  dark:text-slate-300 flex flex-row-reverse gap-5 text-[18px]'>
+              <div className='text-primary dark:text-slate-300 flex flex-row-reverse gap-5 text-[18px]'>
                 <Image
                   src={'/icons/arrow.svg'}
                   height={10}