From 9a5b474183c88919777817714d3a87381c6a3af1 Mon Sep 17 00:00:00 2001
From: Rodrigo Nascimento <rodrigoknascimento@gmail.com>
Date: Thu, 10 Aug 2017 12:16:47 -0300
Subject: [PATCH] Improve message layout

---
 app/components/Message.js | 7 ++++---
 app/views/room.js         | 5 -----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/app/components/Message.js b/app/components/Message.js
index 43e93c45..7e9b4927 100644
--- a/app/components/Message.js
+++ b/app/components/Message.js
@@ -7,13 +7,14 @@ import { emojify } from 'react-emojione';
 
 const styles = StyleSheet.create({
 	message: {
-		borderColor: '#aaa',
-		padding: 14,
+		padding: 12,
+		paddingTop: 6,
+		paddingBottom: 6,
 		flexDirection: 'row',
 		transform: [{ scaleY: -1 }]
 	},
 	avatarContainer: {
-		backgroundColor: '#ccc',
+		backgroundColor: '#eee',
 		width: 40,
 		height: 40,
 		marginRight: 10,
diff --git a/app/views/room.js b/app/views/room.js
index 6c21f90d..d8d52f52 100644
--- a/app/views/room.js
+++ b/app/views/room.js
@@ -77,10 +77,6 @@ export default class RoomView extends React.Component {
 
 	sendMessage = message => RocketChat.sendMessage(this.rid, message);
 
-	renderSeparator = () => (
-		<View style={styles.separator} />
-	);
-
 	renderItem = ({ item }) => (
 		<Message
 			id={item._id}
@@ -110,7 +106,6 @@ export default class RoomView extends React.Component {
 					extraData={this.state}
 					renderItem={this.renderItem}
 					keyExtractor={item => item._id}
-					ItemSeparatorComponent={this.renderSeparator}
 				/>
 				<MessageBox
 					onSubmit={this.sendMessage}