From 2eb491d2b3409a69bc377c253f90646fcdef9a08 Mon Sep 17 00:00:00 2001
From: James Purser <james@angrybeanie.com>
Date: Tue, 28 Jun 2022 21:11:53 +1000
Subject: [PATCH] Fix for pager issue

---
 components/episodepager.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/components/episodepager.js b/components/episodepager.js
index 3f7e447..2213fc4 100755
--- a/components/episodepager.js
+++ b/components/episodepager.js
@@ -16,7 +16,7 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
       }
 
     return (
-        <div className="main_content col-md-9 col-sm-12">
+        <div className="episode_pages col-md-9 col-sm-12">
             <div className="show_episodes">
                 {episodedata.data.map((episode) => (
                 <div key={episode.attributes.Slug} className="episode">
@@ -30,8 +30,7 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
                     <div className="episode_body" dangerouslySetInnerHTML={{ __html: episode.attributes.Description}}></div>
                 </div>
                 ))}
-            </div>
-            <ReactPaginate
+                <ReactPaginate
             marginPagesDisplayed={2}
             pageRangeDisplayed={5}
             previousLabel={"previous"}
@@ -39,8 +38,8 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
             breakLabel={"..."}
             initialPage={episodedata.page}
             pageCount={episodedata.meta.pagination.pageCount}
-            onPageChange={handlePagination}
-        />
+            onPageChange={handlePagination}/>
+            </div>
         </div>
     )
 }