diff --git a/packages/client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js b/packages/client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js index 9183e45923..11c5e5c1e6 100644 --- a/packages/client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js +++ b/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 }; diff --git a/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js b/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js index 350e1cd353..3d80f73c23 100644 --- a/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js +++ b/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` diff --git a/packages/client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js b/packages/client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js index 47bc4e121f..0236ce845a 100644 --- a/packages/client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js +++ b/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`