From d948b3e8e7ac46f48ca89df36bbc450dee01bea2 Mon Sep 17 00:00:00 2001
From: n8detar <n8detar@gmail.com>
Date: Thu, 21 Apr 2022 10:53:14 -0700
Subject: [PATCH] Pagination improvements

---
 tubearchivist/www/src/pages/download.tsx | 9 +++++++--
 tubearchivist/www/src/styles/globals.css | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/tubearchivist/www/src/pages/download.tsx b/tubearchivist/www/src/pages/download.tsx
index 0761ebc..9657d42 100755
--- a/tubearchivist/www/src/pages/download.tsx
+++ b/tubearchivist/www/src/pages/download.tsx
@@ -384,8 +384,13 @@ const Download: NextPage = () => {
                                     <a key={`${page}`} className="pagination-item" onClick={() => handleSetPageNumber(page)}>{page}</a>
                             )})
                         }
-                        <span>&lt; Page {pageNumber}</span>
-                        <span> &gt;</span>
+                        {downloads?.paginate?.prev_pages &&
+                            <span>&lt; </span>
+                        }
+                        <span> Page {pageNumber}</span>
+                        {downloads?.paginate?.next_pages &&
+                            <span> &gt; </span>
+                        }
                         {downloads?.paginate?.next_pages &&
                             downloads?.paginate?.next_pages?.map((page) => {
                                 return (
diff --git a/tubearchivist/www/src/styles/globals.css b/tubearchivist/www/src/styles/globals.css
index 5000e26..138f9d0 100755
--- a/tubearchivist/www/src/styles/globals.css
+++ b/tubearchivist/www/src/styles/globals.css
@@ -527,6 +527,7 @@ button:hover {
 
 .pagination-item {
   padding: 5px;
+  margin-right: 4px;
   border: 1px solid;
 }