From 20ccf530c1adc05d5616c197079db0db81659121 Mon Sep 17 00:00:00 2001 From: ncoelho Date: Tue, 13 Oct 2020 17:37:58 +0200 Subject: [PATCH] FIX: itemList lost aligment itemList lost aligment and button on transactions.js --- BlueComponents.js | 1 + screen/wallets/list.js | 2 +- screen/wallets/transactions.js | 21 ++++++++++++++------- 3 files changed, 16 insertions(+), 8 deletions(-) diff --git a/BlueComponents.js b/BlueComponents.js index 007f4d521..45808f9fe 100644 --- a/BlueComponents.js +++ b/BlueComponents.js @@ -1684,6 +1684,7 @@ export const BlueTransactionListItem = React.memo(({ item, itemPriceUnit = Bitco fontWeight: '600', textAlign: 'right', width: 96, + marginRight: -16, }; }, [item, colors.foregroundColor, colors.successColor]); diff --git a/screen/wallets/list.js b/screen/wallets/list.js index 7e39b8e81..02a3ffb4c 100644 --- a/screen/wallets/list.js +++ b/screen/wallets/list.js @@ -688,6 +688,6 @@ const styles = StyleSheet.create({ backgroundColor: '#FFFFFF', }, transaction: { - marginHorizontal: 4, + marginHorizontal: 0, }, }); diff --git a/screen/wallets/transactions.js b/screen/wallets/transactions.js index 797edf6c8..3f8ac897a 100644 --- a/screen/wallets/transactions.js +++ b/screen/wallets/transactions.js @@ -85,8 +85,12 @@ const styles = StyleSheet.create({ }, listHeader: { flexDirection: 'row', - margin: 16, - justifyContent: 'space-evenly', + marginLeft: 16, + marginRight: 16, + marginVertical: 16, + flex: 1, + flexDirection: 'row', + justifyContent: 'space-around', }, listHeaderTextRow: { flex: 1, @@ -103,21 +107,24 @@ const styles = StyleSheet.create({ marketplaceButton1: { borderRadius: 9, minHeight: 49, - flex: 1, paddingHorizontal: 8, justifyContent: 'center', - flexDirection: 'row', alignItems: 'center', + flexDirection: 'row', + alignSelf: 'auto', + flexGrow: 1, + marginHorizontal: 4, }, marketplaceButton2: { - marginLeft: 5, borderRadius: 9, minHeight: 49, - flex: 1, paddingHorizontal: 8, justifyContent: 'center', - flexDirection: 'row', alignItems: 'center', + flexDirection: 'row', + alignSelf: 'auto', + flexGrow: 1, + marginHorizontal: 4, }, marketpalceText1: { fontSize: 18,