From f4221c05f4491f8bf12cdceac2db76f0cc58f6a4 Mon Sep 17 00:00:00 2001 From: Eskalifer1 Date: Wed, 3 Dec 2025 14:30:55 +0200 Subject: [PATCH] fix:76137: correct styles for right arrow in report --- .../MoneyRequestReportTransactionItem.tsx | 4 ++-- src/components/TransactionItemRow/index.tsx | 2 +- src/styles/utils/spacing.ts | 4 ++++ 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx index f4a3a38847a93..052c66e45f464 100644 --- a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx +++ b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx @@ -86,7 +86,7 @@ function MoneyRequestReportTransactionItem({ const {translate} = useLocalize(); const styles = useThemeStyles(); // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth - const {isSmallScreenWidth, isMediumScreenWidth, isLargeScreenWidth, shouldUseNarrowLayout} = useResponsiveLayout(); + const {isSmallScreenWidth, isMediumScreenWidth, shouldUseNarrowLayout} = useResponsiveLayout(); const theme = useTheme(); const isPendingDelete = isTransactionPendingDelete(transaction); const pendingAction = getTransactionPendingAction(transaction); @@ -154,7 +154,7 @@ function MoneyRequestReportTransactionItem({ columns={columns} areAllOptionalColumnsHidden={areAllOptionalColumnsHidden} isDisabled={isPendingDelete} - style={[styles.p3, isLargeScreenWidth && styles.pr0]} + style={[styles.p3]} onButtonPress={() => { handleOnPress(transaction.transactionID); }} diff --git a/src/components/TransactionItemRow/index.tsx b/src/components/TransactionItemRow/index.tsx index 50571bcabfcf9..dc87752fdb4c8 100644 --- a/src/components/TransactionItemRow/index.tsx +++ b/src/components/TransactionItemRow/index.tsx @@ -556,7 +556,7 @@ function TransactionItemRow({ {!!isLargeScreenWidth && !!onArrowRightPress && ( onArrowRightPress?.()} - style={[styles.p3Half, styles.pl0half, styles.justifyContentCenter, styles.alignItemsEnd]} + style={[styles.p3Half, styles.pl0half, styles.pr0half, styles.justifyContentCenter, styles.alignItemsEnd]} accessibilityRole={CONST.ROLE.BUTTON} accessibilityLabel={CONST.ROLE.BUTTON} > diff --git a/src/styles/utils/spacing.ts b/src/styles/utils/spacing.ts index e0c5ec07c68fe..947ccd3c9173d 100644 --- a/src/styles/utils/spacing.ts +++ b/src/styles/utils/spacing.ts @@ -575,6 +575,10 @@ export default { paddingRight: 0, }, + pr0half: { + paddingRight: 2, + }, + pr1: { paddingRight: 4, },