Adjust margin of modalbody

src/client/js/components/PageAccessoriesModal.jsx

@@ -123,11 +123,11 @@ const PageAccessoriesModal = (props) => {
           </Nav>
           <hr className="my-0 grw-nav-slide-hr" style={{ width: `${sliderWidth}%`, marginLeft: `${sliderMarginLeft}%` }} />
           <hr className="modal-split-hr m-0" />
-          <TabContent activeTab={activeTab}>
+          <TabContent activeTab={activeTab} className="p-5">
             <TabPane tabId="pagelist">
               {pageAccessoriesContainer.state.activeComponents.has('pagelist') && <PageList />}
             </TabPane>
-            <TabPane tabId="timeline" className="p-4">
+            <TabPane tabId="timeline">
               {pageAccessoriesContainer.state.activeComponents.has('timeline') && <PageTimeline /> }
             </TabPane>
             <TabPane tabId="pageHistory">
@@ -135,10 +135,10 @@ const PageAccessoriesModal = (props) => {
                 {pageAccessoriesContainer.state.activeComponents.has('pageHistory') && <PageHistory /> }
               </div>
             </TabPane>
-            <TabPane tabId="attachment" className="p-4">
+            <TabPane tabId="attachment">
               {pageAccessoriesContainer.state.activeComponents.has('attachment') && <PageAttachment />}
             </TabPane>
-            <TabPane tabId="shareLink" className="p-4">
+            <TabPane tabId="shareLink">
               {pageAccessoriesContainer.state.activeComponents.has('shareLink') && <ShareLink />}
             </TabPane>
           </TabContent>

src/client/js/components/PageHistory.jsx

@@ -65,7 +65,7 @@ function PageHistory(props) {
 
 
   return (
-    <div className="mt-4">
+    <div>
       <PageRevisionList
         revisions={pageHistoryContainer.state.revisions}
         diffOpened={pageHistoryContainer.state.diffOpened}

src/client/js/components/PageList.jsx

@@ -52,14 +52,14 @@ const PageList = (props) => {
   }
 
   const pageList = pages.map(page => (
-    <li key={page._id}>
+    <li key={page._id} className="mb-3">
       <Page page={page} />
     </li>
   ));
 
   return (
     <div className="page-list-container-create">
-      <ul className="page-list-ul page-list-ul-flat ">
+      <ul className="page-list-ul page-list-ul-flat ml-n4">
         {pageList}
       </ul>
       <PaginationWrapper

src/client/js/components/ShareLink/ShareLink.jsx

@@ -85,7 +85,7 @@ class ShareLink extends React.Component {
     const { t } = this.props;
 
     return (
-      <div className="container">
+      <div className="container p-0">
         <h3 className="grw-modal-head d-flex pb-2">
           { t('share_links.share_link_list') }
           <button className="btn btn-danger ml-auto " type="button" onClick={this.deleteAllLinksButtonHandler}>{t('delete_all')}</button>