Web: Files VersionHistory: refactoring

products/ASC.Files/Client/src/components/pages/VersionHistory/index.js

@@ -111,7 +111,7 @@ class PureVersionHistory extends React.Component {
           <ArticleBodyContent />
         </PageLayout.ArticleBody>
 
-        <PageLayout.SectionHeader borderBottom={true}>
+        <PageLayout.SectionHeader>
           <SectionHeaderContent title={versions[0].title} />
         </PageLayout.SectionHeader>
 

products/ASC.Files/Client/src/components/panels/StyledPanels.js

@@ -80,25 +80,22 @@ const StyledVersionHistoryPanel = styled.div`
   .version-history-panel-header {
     height: 53px;
     margin-left: 0px;
-    border-bottom: 1px solid #eceef1;
     .version-history-panel-heading {
       font-weight: 700;
       margin-bottom: 13px;
       margin-top: 12px;
     }
   }
-
   .version-history-panel-body {
-    padding: ${(props) => (props.isLoading ? "16px 16px !important" : null)};
-    .row_content {
-      margin: 0 16px !important;
+    margin: ${(props) => (props.isLoading ? "16px 16px" : "0 16px")};
+    border-top: 1px solid #eceef1;
+
+    .version-comment-wrapper {
+      margin-left: 79px;
+    }
+    .version_edit-comment {
+      padding-left: 2px;
     }
-  }
-  .version-comment-wrapper {
-    margin-left: 79px;
-  }
-  .version_edit-comment {
-    margin-left: 72px;
   }
 `;
 

web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js

@@ -42,9 +42,7 @@ class SectionHeader extends React.Component {
     const { borderBottom, ...rest } = this.props;
 
     return (
-      <StyledSectionHeader
-        borderBottom={borderBottom}
-      >
+      <StyledSectionHeader borderBottom={borderBottom}>
         <div className="section-header" {...rest} />
       </StyledSectionHeader>
     );