fix cunstructure in pagehistory

src/client/js/components/PageAttachment.jsx

@@ -147,8 +147,8 @@ class PageAttachment extends React.Component {
     }
 
     return (
-      <div className="page-attachment-container-create d-flex flex-column align-items-center">
-        <div className="page-attachment-flat w-100">
+      <div className="d-flex flex-column align-items-center">
+        <div className="w-100">
           <PageAttachmentList
             attachments={this.state.attachments}
             inUse={this.state.inUse}

src/client/js/components/PageHistory.jsx

@@ -53,26 +53,26 @@ function PageHistory(props) {
 
   function pager() {
     return (
-      <div className="my-3 d-flex justify-content-center">
-        <PaginationWrapper
-          activePage={pageHistoryContainer.state.activePage}
-          changePage={handlePage}
-          totalItemsCount={pageHistoryContainer.state.totalPages}
-          pagingLimit={pageHistoryContainer.state.pagingLimit}
-        />
-      </div>
+      <PaginationWrapper
+        activePage={pageHistoryContainer.state.activePage}
+        changePage={handlePage}
+        totalItemsCount={pageHistoryContainer.state.totalPages}
+        pagingLimit={pageHistoryContainer.state.pagingLimit}
+      />
     );
   }
 
 
   return (
-    <div className="mt-4">
-      <PageRevisionList
-        revisions={pageHistoryContainer.state.revisions}
-        diffOpened={pageHistoryContainer.state.diffOpened}
-        getPreviousRevision={pageHistoryContainer.getPreviousRevision}
-        onDiffOpenClicked={pageHistoryContainer.onDiffOpenClicked}
-      />
+    <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>
       {pager()}
     </div>
   );

src/client/js/components/PageTimeline.jsx

@@ -67,8 +67,8 @@ class PageTimeline extends React.Component {
     }
 
     return (
-      <div className="timeline-container-create d-flex flex-column align-items-center">
-        <div className="timeline-flat w-100">
+      <div className="d-flex flex-column align-items-center">
+        <div className="w-100">
           { pages.map((page) => {
           return (
             <div className="timeline-body" key={`key-${page.id}`}>