Web: Components/Files: fixed style Share button

products/ASC.Files/Client/src/components/pages/Home/Section/Body/index.js

@@ -131,7 +131,8 @@ const SimpleFilesRow = styled(Row)`
   `}
 
   .share-button-icon {
-    margin-right: 9px;
+    margin-right: 7px;
+    margin-top: -1px;
   }
 
   .share-button,
@@ -142,8 +143,14 @@ const SimpleFilesRow = styled(Row)`
     }
   }
 
+  @media (max-width: 1312px) {
+    .share-button {
+      padding-top: 3px;
+    }
+  }
+
   .styled-element {
-    margin-right:0;
+    margin-right: 0;
   }
 `;
 
@@ -1338,7 +1345,7 @@ class SectionBodyContent extends React.Component {
         as="span"
         title={this.props.t("Share")}
         fontSize="12px"
-        fontWeight={400}
+        fontWeight={600}
         color="#A3A9AE"
         display="inline-flex"
         onClick={this.onClickShare}
@@ -1347,7 +1354,7 @@ class SectionBodyContent extends React.Component {
           className="share-button-icon"
           color="#a3a9ae"
           hoverColor="#657077"
-          size={16}
+          size={18}
           iconName="CatalogSharedIcon"
         />
         {this.props.t("Share")}
@@ -1419,18 +1426,18 @@ class SectionBodyContent extends React.Component {
     }
 
     return !fileAction.id && currentFolderCount === 0 ? (
-        parentId === 0 ? (
-          this.renderEmptyRootFolderContainer()
-        ) : (
-          this.renderEmptyFolderContainer()
-        )
-    ) : !fileAction.id && items.length === 0 ? (
-        firstLoad ? (
-          <Loaders.Rows />
-        ) : (
-          this.renderEmptyFilterContainer()
-        )
+      parentId === 0 ? (
+        this.renderEmptyRootFolderContainer()
       ) : (
+        this.renderEmptyFolderContainer()
+      )
+    ) : !fileAction.id && items.length === 0 ? (
+      firstLoad ? (
+        <Loaders.Rows />
+      ) : (
+        this.renderEmptyFilterContainer()
+      )
+    ) : (
       <>
         {showMoveToPanel && (
           <OperationsPanel

web/ASC.Web.Components/src/components/row/index.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import React from "react";
 import isEqual from "lodash/isEqual";
 import styled from "styled-components";
-import { tablet } from "../../utils/device";
+import { tablet, mobile } from "../../utils/device";
 
 const StyledRow = styled.div`
   cursor: default;
@@ -49,10 +49,14 @@ const StyledElement = styled.div`
 `;
 
 const StyledContentElement = styled.div`
-  margin-right: 8px;
-  margin-left: 8px;
-  margin-top: 6px;
+  margin-left: 18px;
+  margin-top: 4px;
+  margin-right: -2px;
   user-select: none;
+  @media ${tablet} {
+    margin-left: 17px;
+    margin-top: 6px;
+  }
 `;
 
 const StyledOptionButton = styled.div`
@@ -60,7 +64,16 @@ const StyledOptionButton = styled.div`
   width: ${(props) => props.spacerWidth && props.spacerWidth};
 
   .expandButton > div:first-child {
-    padding: 8px 8px 8px 8px;
+    padding: 8px 8px 8px 7px;
+
+    @media ${mobile} {
+      padding-left: 10px;
+    }
+  }
+
+  margin-top: -1px;
+  @media ${tablet} {
+    margin-top: unset;
   }
 `;