From c5a6233c779c6e7b42279d55c1eca06b454b509b Mon Sep 17 00:00:00 2001
From: akhil-geekyants <akhil@geekyants.com>
Date: Thu, 15 Mar 2018 15:47:50 +0530
Subject: [PATCH] Replaced marginLeft by paddingLeft for ListItem - icon,
 avator & thumbnail. Partial fix for issue #1274 (List item having margin from
 left)

---
 src/theme/components/ListItem.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/theme/components/ListItem.js b/src/theme/components/ListItem.js
index 3ef7e9391..65eefba78 100644
--- a/src/theme/components/ListItem.js
+++ b/src/theme/components/ListItem.js
@@ -261,7 +261,9 @@ export default (variables = variable) => {
       },
       borderBottomWidth: null,
       paddingVertical: null,
-      paddingRight: null
+      paddingRight: null,
+      marginLeft: 0,
+      paddingLeft: variables.listItemPadding + 5
     },
 
     ".thumbnail": {
@@ -298,7 +300,9 @@ export default (variables = variable) => {
       },
       borderBottomWidth: null,
       paddingVertical: null,
-      paddingRight: null
+      paddingRight: null,
+      marginLeft: 0,
+      paddingLeft: variables.listItemPadding + 5
     },
 
     ".icon": {
@@ -396,6 +400,8 @@ export default (variables = variable) => {
       borderBottomWidth: null,
       paddingVertical: null,
       paddingRight: null,
+      marginLeft: 0,
+      paddingLeft: variables.listItemPadding + 5,
       height: 44,
       justifyContent: "center"
     },