Web: Files: fixed file-name click

packages/client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js

@@ -2,7 +2,7 @@ import React, { useCallback } from "react";
 import { inject, observer } from "mobx-react";
 import { withRouter } from "react-router";
 import { withTranslation } from "react-i18next";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { isMobile, isTablet, isMobileOnly } from "react-device-detect";
 import moment from "moment";
 
@@ -50,36 +50,41 @@ const SimpleFilesRowContent = styled(RowContent)`
 
   ${(props) =>
     ((props.sectionWidth <= 1024 && props.sectionWidth > 500) || isTablet) &&
-    `
-    .row-main-container-wrapper {
-      display: flex;
-      justify-content: space-between;
-      max-width: inherit;
-    }
+    css`
+      .row-main-container-wrapper {
+        display: flex;
+        justify-content: space-between;
+        max-width: inherit;
+      }
 
-    .badges {
-      flex-direction: row-reverse;
-    }
+      .badges {
+        flex-direction: row-reverse;
+      }
 
-    .tablet-badge {
-      margin-top: 5px;
-    }
+      .tablet-badge {
+        margin-top: 5px;
+      }
 
-    .tablet-edit,
-    .can-convert {
-     margin-top: 6px;
-     margin-right: 24px !important;
-    }
+      .tablet-edit,
+      .can-convert {
+        margin-top: 6px;
+        margin-right: 24px !important;
+      }
 
-    .badge-version {
-      margin-right: 22px;
-    }
+      .badge-version {
+        margin-right: 22px;
+      }
 
-    .new-items {
-      min-width: 16px;
-      margin: 5px 24px 0 0;
-    }
-  `}
+      .new-items {
+        min-width: 16px;
+        margin: 5px 24px 0 0;
+      }
+    `}
+
+  .row-content-link {
+    padding: 12px 12px 0px 0px;
+    margin-top: -12px;
+  }
 `;
 
 SimpleFilesRowContent.defaultProps = { theme: Base };

packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js

@@ -149,6 +149,10 @@ const StyledTableRow = styled(TableRow)`
     }
   }
 
+  .item-file-name {
+    padding: 12px 12px 12px 0px;
+  }
+
   ${(props) =>
     props.showHotkeyBorder &&
     css`

packages/client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js

@@ -54,6 +54,10 @@ const SimpleFilesTileContent = styled(TileContent)`
     }
   }
 
+  .item-file-name {
+    padding: 12px 12px 12px 0px;
+  }
+
   ${({ isRooms }) =>
     isRooms &&
     css`