diff --git a/src/components/BankTransactions/BankTransactionsHeader.tsx b/src/components/BankTransactions/BankTransactionsHeader.tsx index aa209bd46..052131d2d 100644 --- a/src/components/BankTransactions/BankTransactionsHeader.tsx +++ b/src/components/BankTransactions/BankTransactionsHeader.tsx @@ -275,14 +275,19 @@ export const BankTransactionsHeader = ({ )} - - - - + + {showBulkActions + ? null + : ( + + + + + )} ) diff --git a/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx b/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx index 5ed7ef98b..75ac71282 100644 --- a/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx +++ b/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx @@ -31,8 +31,8 @@ export const BankTransactionsMobileBulkActionsHeader = ({ return ( diff --git a/src/components/BulkActionsModule/BulkActionsModule.tsx b/src/components/BulkActionsModule/BulkActionsModule.tsx index 1818cd65b..3df7adc7e 100644 --- a/src/components/BulkActionsModule/BulkActionsModule.tsx +++ b/src/components/BulkActionsModule/BulkActionsModule.tsx @@ -16,7 +16,7 @@ export const BulkActionsModule = ({ slots }: BulkActionsModuleProps) => { const { count } = useCountSelectedIds() const { clearSelection } = useBulkSelectionActions() return ( - + {`${count} selected`} diff --git a/src/components/BulkActionsModule/bulkActionsModule.scss b/src/components/BulkActionsModule/bulkActionsModule.scss index 71f59cdd4..54526d586 100644 --- a/src/components/BulkActionsModule/bulkActionsModule.scss +++ b/src/components/BulkActionsModule/bulkActionsModule.scss @@ -1,4 +1,9 @@ +.Layer__BulkActionsModule { + max-width: 100%; +} + .Layer__BulkActionsModule__SelectedItemsContainer { + flex-shrink: 0; height: 2.25rem; border-radius: var(--border-radius-2xs); border: 1px solid var(--color-base-300); diff --git a/src/styles/bank_transactions.scss b/src/styles/bank_transactions.scss index ecdc996fe..cb4491b43 100644 --- a/src/styles/bank_transactions.scss +++ b/src/styles/bank_transactions.scss @@ -839,6 +839,8 @@ position: sticky; z-index: 2; top: 0; + padding-right: 0; + padding-left: 0; border-top-left-radius: var(--border-radius-sm); border-top-right-radius: var(--border-radius-sm); box-shadow: 0 -1px 0 0 rgb(23 51 45 / 16%) inset; diff --git a/src/styles/bank_transactions_mobile_list.scss b/src/styles/bank_transactions_mobile_list.scss index f60ec3f8b..f166f0250 100644 --- a/src/styles/bank_transactions_mobile_list.scss +++ b/src/styles/bank_transactions_mobile_list.scss @@ -8,11 +8,11 @@ .Layer__bank-transaction-mobile-list-item { box-sizing: border-box; - width: 95%; + width: 100%; padding: 0; border-radius: var(--border-radius-sm); border: 1px solid var(--border-color); - margin: var(--spacing-2xs) var(--spacing-md); + margin: var(--spacing-2xs) 0; background: var(--color-base-0); cursor: pointer; user-select: none;