Web: Files: TilesView: fixed font and icon size

products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js

@@ -54,7 +54,7 @@ const SimpleFilesTileContent = styled(TileContent)`
   }
 
   .title-link {
-    font-size: 14px;
+    font-size: 13px;
   }
 
   .favorite,
@@ -83,18 +83,14 @@ const FilesTileContent = ({
 
   return (
     <>
-      <SimpleFilesTileContent
-        sideColor="#333"
-        isFile={fileExst}
-        //disableSideInfo
-      >
+      <SimpleFilesTileContent sideColor="#333" isFile={fileExst}>
         <Link
           className="title-link item-file-name"
           containerWidth="100%"
           type="page"
           title={title}
           fontWeight="600"
-          fontSize="14px"
+          fontSize="13px"
           target="_blank"
           {...linkStyles}
           color="#333"
@@ -106,7 +102,7 @@ const FilesTileContent = ({
               className="badge-ext"
               as="span"
               color="#A3A9AE"
-              fontSize="14px"
+              fontSize="13px"
               fontWeight={600}
               truncate={true}
             >

products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js

@@ -115,7 +115,7 @@ const StyledTile = styled.div`
   .file-checkbox {
     display: ${(props) => (props.checked ? "flex" : "none")};
     flex: 0 0 16px;
-    margin-right: ${(props) => (props.isFolder ? "8px" : "4px")};
+    //margin-right: ${(props) => (props.isFolder ? "8px" : "4px")};
     margin-top: 3px;
     justify-content: center;
 
@@ -129,24 +129,23 @@ const StyledTile = styled.div`
     flex: 0 0 auto;
     margin-right: 4px;
     user-select: none;
-    margin-top: 3px;
-    margin-top: ${(props) => (props.isFolder ? "-6px" : "-4px")};
+    margin-top: ${(props) => (props.isFolder ? "-8px" : "-6px")};
 
-    height: 32px;
-    width: 32px;
+    height: 24px;
+    width: 24px;
 
     img {
-      height: 32px;
-      width: 32px;
+      height: 24px;
+      width: 24px;
     }
   }
 
   .file-icon_container {
-    min-width: 36px;
+    min-width: 28px;
   }
 
   .styled-content {
-    padding-left: ${(props) => (props.isFolder ? "10px" : "12px")};
+    padding-left: 10px;
   }
 
   :hover {

products/ASC.Files/Client/src/store/FilesStore.js

@@ -1134,7 +1134,7 @@ class FilesStore {
       const isThirdPartyFolder = providerKey && id === rootFolderId;
 
       //const isCanWebEdit = canWebEdit(item.fileExst);
-      const iconSize = this.viewAs === "tile" ? 32 : 24;
+      const iconSize = 24; // this.viewAs === "tile" ? 32 : 24;
       const icon = getIcon(iconSize, fileExst, providerKey, contentLength);
 
       let isFolder = false;