use align of PaginationWrapper

src/client/js/components/PageHistory.jsx

@@ -58,21 +58,20 @@ function PageHistory(props) {
         changePage={handlePage}
         totalItemsCount={pageHistoryContainer.state.totalPages}
         pagingLimit={pageHistoryContainer.state.pagingLimit}
+        align="center"
       />
     );
   }
 
 
   return (
-    <div className="d-flex flex-column align-items-center">
-      <div className="mt-4 w-100">
-        <PageRevisionList
-          revisions={pageHistoryContainer.state.revisions}
-          diffOpened={pageHistoryContainer.state.diffOpened}
-          getPreviousRevision={pageHistoryContainer.getPreviousRevision}
-          onDiffOpenClicked={pageHistoryContainer.onDiffOpenClicked}
-        />
-      </div>
+    <div className="mt-4">
+      <PageRevisionList
+        revisions={pageHistoryContainer.state.revisions}
+        diffOpened={pageHistoryContainer.state.diffOpened}
+        getPreviousRevision={pageHistoryContainer.getPreviousRevision}
+        onDiffOpenClicked={pageHistoryContainer.onDiffOpenClicked}
+      />
       {pager()}
     </div>
   );

src/client/js/components/PageList.jsx

@@ -58,8 +58,8 @@ const PageList = (props) => {
   ));
 
   return (
-    <div className="page-list-container-create d-flex flex-column align-items-center">
-      <ul className="page-list-ul page-list-ul-flat w-100">
+    <div className="page-list-container-create">
+      <ul className="page-list-ul page-list-ul-flat ">
         {pageList}
       </ul>
       <PaginationWrapper
@@ -67,6 +67,7 @@ const PageList = (props) => {
         changePage={setPageNumber}
         totalItemsCount={totalPages}
         pagingLimit={limit}
+        align="center"
       />
     </div>
   );

src/client/js/components/PageTimeline.jsx

@@ -67,9 +67,8 @@ class PageTimeline extends React.Component {
     }
 
     return (
-      <div className="d-flex flex-column align-items-center">
-        <div className="w-100">
-          { pages.map((page) => {
+      <div>
+        { pages.map((page) => {
           return (
             <div className="timeline-body" key={`key-${page.id}`}>
               <div className="card card-timeline">
@@ -86,12 +85,12 @@ class PageTimeline extends React.Component {
             </div>
           );
         }) }
-        </div>
         <PaginationWrapper
           activePage={this.state.activePage}
           changePage={this.handlePage}
           totalItemsCount={this.state.totalPageItems}
           pagingLimit={this.state.limit}
+          align="center"
         />
       </div>
     );