fix pagination position

src/client/js/components/PageAttachment.jsx

@@ -150,12 +150,15 @@ class PageAttachment extends React.Component {
 
         {deleteAttachmentModal}
 
-        <PaginationWrapper
-          activePage={this.state.activePage}
-          changePage={this.handlePage}
-          totalItemsCount={this.state.totalAttachments}
-          pagingLimit={this.state.limit}
-        />
+        <div className="d-flex justify-content-center">
+          <PaginationWrapper
+            activePage={this.state.activePage}
+            changePage={this.handlePage}
+            totalItemsCount={this.state.totalAttachments}
+            pagingLimit={this.state.limit}
+          />
+        </div>
+
       </div>
     );
   }

src/client/js/components/PageHistory.jsx

@@ -53,7 +53,7 @@ function PageHistory(props) {
 
   function pager() {
     return (
-      <div className="my-3">
+      <div className="my-3 d-flex justify-content-center">
         <PaginationWrapper
           activePage={pageHistoryContainer.state.activePage}
           changePage={handlePage}
@@ -67,7 +67,6 @@ function PageHistory(props) {
 
   return (
     <div className="mt-4">
-      {pager()}
       <PageRevisionList
         revisions={pageHistoryContainer.state.revisions}
         diffOpened={pageHistoryContainer.state.diffOpened}

src/client/js/components/PageList.jsx

@@ -62,12 +62,16 @@ const PageList = (props) => {
       <ul className="page-list-ul page-list-ul-flat mb-3">
         {pageList}
       </ul>
-      <PaginationWrapper
-        activePage={activePage}
-        changePage={setPageNumber}
-        totalItemsCount={totalPages}
-        pagingLimit={limit}
-      />
+      <div
+        className="d-flex justify-content-center"
+      >
+        <PaginationWrapper
+          activePage={activePage}
+          changePage={setPageNumber}
+          totalItemsCount={totalPages}
+          pagingLimit={limit}
+        />
+      </div>
     </div>
   );
 

src/client/js/components/PageTimeline.jsx

@@ -85,12 +85,14 @@ class PageTimeline extends React.Component {
             </div>
           );
         }) }
-        <PaginationWrapper
-          activePage={this.state.activePage}
-          changePage={this.handlePage}
-          totalItemsCount={this.state.totalPageItems}
-          pagingLimit={this.state.limit}
-        />
+        <div className="d-flex justify-content-center">
+          <PaginationWrapper
+            activePage={this.state.activePage}
+            changePage={this.handlePage}
+            totalItemsCount={this.state.totalPageItems}
+            pagingLimit={this.state.limit}
+          />
+        </div>
       </div>
     );