fix(rn): avatar position and size

berty · Sep 6, 2018 · dddb7f2 · dddb7f2
1 parent 5a82f4a
commit dddb7f2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/client/react-native/common/components/Screens/Chats/List.js b/client/react-native/common/components/Screens/Chats/List.js
@@ -58,13 +58,13 @@ const Item = ({ data: { id, title }, navigation }) => (
     }}
   >
     <Flex.Cols align='left'>
-      <Flex.Rows size={1} align='left' style={{marginLeft: 21}}>
+      <Flex.Rows size={1} align='left' style={{marginLeft: 30}}>
         <Image
-          style={{width: 50, height: 50, borderRadius: 50}}
+          style={{width: 40, height: 40, borderRadius: 50}}
           source={{uri: 'https://api.adorable.io/avatars/285/' + title + '.png'}}
         />
       </Flex.Rows>
-      <Flex.Rows size={6} align='left' style={{marginLeft: 42}}>
+      <Flex.Rows size={6} align='left' style={{marginLeft: 14}}>
         <Text color={colors.black} left middle>
           {title}
         </Text>

diff --git a/client/react-native/common/components/Screens/Contacts/List.js b/client/react-native/common/components/Screens/Contacts/List.js
@@ -84,13 +84,13 @@ const Item = ({
     }}
   >
     <Flex.Cols align='left'>
-      <Flex.Rows size={1} align='left' style={{marginLeft: 21}}>
+      <Flex.Rows size={1} align='left' style={{marginLeft: 30}}>
         <Image
-          style={{width: 50, height: 50, borderRadius: 50}}
+          style={{width: 40, height: 40, borderRadius: 50}}
           source={{uri: 'https://api.adorable.io/avatars/285/' + (overrideDisplayName || displayName) + '.png'}}
         />
       </Flex.Rows>
-      <Flex.Rows size={6} align='left' style={{marginLeft: 42}}>
+      <Flex.Rows size={6} align='left' style={{marginLeft: 14}}>
         <Text color={colors.black} left middle>
           {overrideDisplayName || displayName}
         </Text>