align margin on tx list

If this is not the most elegant way to do this, let me know

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 = () => {

screen/wallets/transactions.js

@@ -444,11 +444,13 @@ export default class WalletTransactions extends Component {
 
   renderItem = item => {
     return (
-      <BlueTransactionListItem
+      <View style={{ marginHorizontal: 4 }}>
-        item={item.item}
+        <BlueTransactionListItem
-        itemPriceUnit={this.state.wallet.getPreferredBalanceUnit()}
+          item={item.item}
-        shouldRefresh={this.state.timeElapsed}
+          itemPriceUnit={this.state.wallet.getPreferredBalanceUnit()}
-      />
+          shouldRefresh={this.state.timeElapsed}
+        />
+    </View>
     );
   };