diff --git a/packages/client/src/pages/AccountsHome/Section/Body/RowView/PeopleRowContainer.js b/packages/client/src/pages/AccountsHome/Section/Body/RowView/PeopleRowContainer.js index 7004de426e..6141afa600 100644 --- a/packages/client/src/pages/AccountsHome/Section/Body/RowView/PeopleRowContainer.js +++ b/packages/client/src/pages/AccountsHome/Section/Body/RowView/PeopleRowContainer.js @@ -94,6 +94,26 @@ const StyledRowContainer = styled(RowContainer)` } } } + + @media (max-width: 1024px) { + .row-selected { + .user-row { + margin-top: -3px !important; + padding-bottom: 0.8px !important; + padding-top: 0.8px !important; + + .expandButton { + padding-bottom: 0.8px; + } + + .mainIcons { + .paid-badge { + margin-top: -1px; + } + } + } + } + } `; const PeopleRowContainer = ({ diff --git a/packages/client/src/pages/AccountsHome/Section/Body/RowView/SimpleUserRow.js b/packages/client/src/pages/AccountsHome/Section/Body/RowView/SimpleUserRow.js index c75739cb31..e26b2d3fb1 100644 --- a/packages/client/src/pages/AccountsHome/Section/Body/RowView/SimpleUserRow.js +++ b/packages/client/src/pages/AccountsHome/Section/Body/RowView/SimpleUserRow.js @@ -69,17 +69,47 @@ const StyledSimpleUserRow = styled(Row)` :hover { cursor: pointer; ${checkedStyle} - margin-top: -4px !important; - padding-top: 1px; - padding-bottom: 1px; - border-top: ${(props) => - `1px ${props.theme.filesSection.tableView.row.borderColor} solid`}; - border-bottom: ${(props) => - `1px ${props.theme.filesSection.tableView.row.borderColor} solid`}; - .styled-checkbox-container { - .styled-element { - padding-top: 1px; + @media (min-width: 1024px) { + margin-top: -4px !important; + padding-top: 1px; + padding-bottom: 1px; + + border-top: ${(props) => + `1px ${props.theme.filesSection.tableView.row.borderColor} solid`}; + border-bottom: ${(props) => + `1px ${props.theme.filesSection.tableView.row.borderColor} solid`}; + + .styled-checkbox-container { + .styled-element { + padding-top: 1px; + } + } + } + + @media (max-width: 1024px) { + margin-top: -3px !important; + + padding-top: 0.8px; + padding-bottom: 0.8px; + + border-top: ${(props) => + `1px ${props.theme.filesSection.tableView.row.borderColor} solid`}; + border-bottom: ${(props) => + `1px ${props.theme.filesSection.tableView.row.borderColor} solid`}; + + .owner_icon { + padding-bottom: 0.8px; + } + + .mainIcons { + .paid-badge { + margin-top: -1px; + } + } + + .expandButton { + padding-bottom: 0.8px; } } }