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 (
+      <View style={{ marginHorizontal: 4 }}>
         <BlueTransactionListItem
           item={item.item}
           itemPriceUnit={this.state.wallet.getPreferredBalanceUnit()}
           shouldRefresh={this.state.timeElapsed}
         />
+    </View>
     );
   };