From b9f802cfaca4dcbf61b35d77ce241c7a204ade99 Mon Sep 17 00:00:00 2001
From: Rodrigo Nascimento <rodrigoknascimento@gmail.com>
Date: Sun, 13 Aug 2017 20:19:27 -0300
Subject: [PATCH] iOS: Fix room item icon alignment

---
 app/components/RoomItem.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/app/components/RoomItem.js b/app/components/RoomItem.js
index d1aa0312..208ad084 100644
--- a/app/components/RoomItem.js
+++ b/app/components/RoomItem.js
@@ -42,14 +42,8 @@ const styles = StyleSheet.create({
 		alignItems: 'center'
 	},
 	icon: {
-		height: 40,
-		width: 40,
-		borderRadius: 20,
-		lineHeight: 30,
 		fontSize: 20,
-		color: '#fff',
-		overflow: 'hidden',
-		textAlign: 'center'
+		color: '#fff'
 	},
 	avatar: {
 		width: 40,
@@ -95,8 +89,8 @@ export default class RoomItem extends React.PureComponent {
 		const { color } = avatarInitialsAndColor(name);
 
 		return (
-			<View style={styles.iconContainer}>
-				<MaterialCommunityIcons name={icon} style={[styles.icon, { backgroundColor: color }]} />
+			<View style={[styles.iconContainer, { backgroundColor: color }]}>
+				<MaterialCommunityIcons name={icon} style={styles.icon} />
 			</View>
 		);
 	}