fix: Fix the last avatar being truncated, and variablize the size (#491)

gitpoint · Oct 17, 2017 · b6e2941 · b6e2941
1 parent d9d356e
commit b6e2941
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/components/members.component.js b/src/components/members.component.js
@@ -26,21 +26,23 @@ type Props = {
   authUser: Object,
 };
 
+const avatarSize = 30;
+
 const styles = StyleSheet.create({
   container: {
     marginTop: 30,
   },
   avatarContainer: {
     backgroundColor: colors.greyLight,
-    borderRadius: 15,
-    width: 30,
-    height: 30,
+    borderRadius: avatarSize / 2,
+    width: avatarSize,
+    height: avatarSize,
     marginRight: 5,
   },
   avatar: {
-    borderRadius: 15,
-    height: 30,
-    width: 30,
+    borderRadius: avatarSize / 2,
+    height: avatarSize,
+    width: avatarSize,
   },
   list: {
     marginTop: 0,
@@ -58,7 +60,8 @@ const styles = StyleSheet.create({
     paddingLeft: 15,
   },
   flatList: {
-    paddingLeft: 15,
+    marginLeft: 15,
+    marginRight: 15,
   },
 });