From a38abc4ff4feb6e8914506198d2d4da75b79ee01 Mon Sep 17 00:00:00 2001
From: Artem Tarasov <artem.tarasov@onlyoffice.com>
Date: Fri, 13 Nov 2020 11:07:01 +0300
Subject: [PATCH] Web: Fieles: VersionHistoryPanel: styled refactoring

---
 .../pages/VersionHistory/Section/Body/VersionRow.js      | 9 +--------
 .../Client/src/components/panels/StyledPanels.js         | 4 ++++
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/products/ASC.Files/Client/src/components/pages/VersionHistory/Section/Body/VersionRow.js b/products/ASC.Files/Client/src/components/pages/VersionHistory/Section/Body/VersionRow.js
index 59691008e3..98a4460acc 100644
--- a/products/ASC.Files/Client/src/components/pages/VersionHistory/Section/Body/VersionRow.js
+++ b/products/ASC.Files/Client/src/components/pages/VersionHistory/Section/Body/VersionRow.js
@@ -36,20 +36,13 @@ const StyledRow = styled(Row)`
     .version_badge-text {
       position: absolute;
       left: 6px;
-      @media ${tablet} {
-        left: -2px;
-      }
     }
 
     margin-left: 0px;
     margin-top: ${(props) => (props.showEditPanel ? "13px" : "-2px")};
 
     @media ${tablet} {
-      margin-left: 0px;
       margin-top: 0px;
-      .version_badge-text {
-        left: 6px;
-      }
     }
   }
 
@@ -80,10 +73,10 @@ const StyledRow = styled(Row)`
 
   .version_edit-comment {
     display: block;
-    margin-left: 63px;
 
     @media ${tablet} {
       display: none;
+      margin-left: 63px;
     }
   }
 
diff --git a/products/ASC.Files/Client/src/components/panels/StyledPanels.js b/products/ASC.Files/Client/src/components/panels/StyledPanels.js
index 26751163d8..23d8605e60 100644
--- a/products/ASC.Files/Client/src/components/panels/StyledPanels.js
+++ b/products/ASC.Files/Client/src/components/panels/StyledPanels.js
@@ -59,6 +59,7 @@ const StyledAsidePanel = styled.div`
 `;
 
 const StyledVersionHistoryPanel = styled.div`
+  ${PanelStyles}
   .version-history-modal-dialog {
     transform: translateX(${(props) => (props.visible ? "0" : "720px")});
     width: 720px;
@@ -82,6 +83,9 @@ const StyledVersionHistoryPanel = styled.div`
   .version-comment-wrapper {
     margin-left: 79px;
   }
+  .version_edit-comment {
+    margin-left: 70px;
+  }
 `;
 
 const StyledAddUsersPanelPanel = styled.div`