From 4a7a4758e0ec219118a7652f2827b37217c5d98f Mon Sep 17 00:00:00 2001
From: ncoelho <nunovc@gmail.com>
Date: Thu, 26 Mar 2020 21:15:00 +0100
Subject: [PATCH] align margin on tx list

If this is not the most elegant way to do this, let me know
---
 screen/wallets/list.js         |  7 ++++++-
 screen/wallets/transactions.js | 12 +++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/screen/wallets/list.js b/screen/wallets/list.js
index 057027f3..cc07455c 100644
--- a/screen/wallets/list.js
+++ b/screen/wallets/list.js
@@ -311,7 +311,12 @@ export default class WalletsList extends Component {
   };
 
   _renderItem = data => {
-    return <BlueTransactionListItem item={data.item} itemPriceUnit={data.item.walletPreferredBalanceUnit} />;
+
+    return (
+      <View style={{ marginHorizontal: 4 }}>
+        <BlueTransactionListItem item={data.item} itemPriceUnit={data.item.walletPreferredBalanceUnit} />
+      </View>
+    );
   };
 
   renderNavigationHeader = () => {
diff --git a/screen/wallets/transactions.js b/screen/wallets/transactions.js
index 36c90dc7..adbd4903 100644
--- a/screen/wallets/transactions.js
+++ b/screen/wallets/transactions.js
@@ -444,11 +444,13 @@ export default class WalletTransactions extends Component {
 
   renderItem = item => {
     return (
-      <BlueTransactionListItem
-        item={item.item}
-        itemPriceUnit={this.state.wallet.getPreferredBalanceUnit()}
-        shouldRefresh={this.state.timeElapsed}
-      />
+      <View style={{ marginHorizontal: 4 }}>
+        <BlueTransactionListItem
+          item={item.item}
+          itemPriceUnit={this.state.wallet.getPreferredBalanceUnit()}
+          shouldRefresh={this.state.timeElapsed}
+        />
+    </View>
     );
   };