diff --git a/app/MnmEntradaInfo.android.js b/app/MnmEntradaInfo.android.js
new file mode 100644
index 0000000..32c5f0f
--- /dev/null
+++ b/app/MnmEntradaInfo.android.js
@@ -0,0 +1,96 @@
+import React, { Component } from 'react'
+import { StyleSheet, View, Text } from 'react-native'
+import MaterialIcon from 'react-native-vector-icons/MaterialIcons'
+
+class MnmEntradaInfo extends Component {
+  render() {
+    const e = this.props.entry;
+    return (
+      <View style={styles.container}>
+        <View style={styles.leftContainer}>
+          <View style={styles.dataContainer}>
+            <MaterialIcon style={[styles.icon, styles.upArrow]} name="arrow-upward" size={iconSize} />
+            <Text style={[styles.iconText, styles.meneos]}>{e.votes} meneos</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <MaterialIcon style={styles.icon} name="arrow-downward" size={iconSize} />
+            <Text style={styles.iconText}>{e.negatives} negativos</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <MaterialIcon style={styles.icon} name="favorite" size={iconSize} />
+            <Text style={styles.iconText}>{e.karma} karma</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <MaterialIcon style={styles.icon} name="comment" size={iconSize} />
+            <Text style={styles.iconText}>{e.comments} comentarios</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <MaterialIcon style={styles.icon} name="local-offer" size={iconSize} />
+            <Text style={styles.iconText}>{e.tags}</Text>
+          </View>
+        </View>
+        <View style={styles.rightContainer}>
+          <MaterialIcon style={styles.userIcon} name="account-circle" size={40} />
+          <Text style={styles.username}>{e.user}</Text>
+        </View>
+      </View>
+    )
+  }
+}
+
+const iconSize = 24
+const mnmColor = '#d35400'
+const detailColor = '#95a5a6'
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginLeft: 20,
+    marginRight: 20,
+    marginTop: 20,
+    flexDirection: 'row',
+  },
+  leftContainer: {
+    flex: 1,
+    flexDirection: 'column',
+    marginBottom: 15,
+  },
+  rightContainer: {
+    flex: 1,
+  },
+  dataContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    marginBottom: 5,
+  },
+  icon: {
+    width: 28,
+    marginRight: 5,
+    color: detailColor,
+  },
+  upArrow: {
+    color: mnmColor,
+  },
+  iconText: {
+    flex: 1,
+    fontSize: 14,
+    fontWeight: '300',
+    color: detailColor,
+  },
+  meneos: {
+    color: mnmColor,
+  },
+  userIcon: {
+    marginBottom: 4,
+    color: detailColor,
+    textAlign: 'center',
+  },
+  username: {
+    fontWeight: 'bold',
+    fontSize: 14,
+    textAlign: 'center',
+  },
+})
+
+module.exports = MnmEntradaInfo
diff --git a/app/MnmEntradaInfo.ios.js b/app/MnmEntradaInfo.ios.js
new file mode 100644
index 0000000..9feca90
--- /dev/null
+++ b/app/MnmEntradaInfo.ios.js
@@ -0,0 +1,101 @@
+import React, { Component } from 'react'
+import { StyleSheet, View, Text } from 'react-native'
+
+import IonIcon from 'react-native-vector-icons/Ionicons'
+import EvilIcon from 'react-native-vector-icons/EvilIcons'
+
+class MnmEntradaInfo extends Component {
+
+  render() {
+    const e = this.props.entry;
+    return (
+      <View style={styles.container}>
+        <View style={styles.leftContainer}>
+          <View style={styles.dataContainer}>
+            <IonIcon style={[styles.icon, styles.ionicIcon, styles.upArrow]} name="ios-arrow-round-up" size={iconSize} />
+            <Text style={[styles.iconText, styles.meneos]}>{e.votes} meneos</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <IonIcon style={[styles.icon, styles.ionicIcon]} name="ios-arrow-round-down" size={iconSize} />
+            <Text style={styles.iconText}>{e.negatives} negativos</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <EvilIcon style={styles.icon} name="heart" size={iconSize} />
+            <Text style={styles.iconText}>{e.karma} karma</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <EvilIcon style={styles.icon} name="comment" size={iconSize} />
+            <Text style={styles.iconText}>{e.comments} comentarios</Text>
+          </View>
+          <View style={styles.dataContainer}>
+            <EvilIcon style={styles.icon} name="tag" size={iconSize} />
+            <Text style={styles.iconText}>{e.tags}</Text>
+          </View>
+        </View>
+        <View style={styles.rightContainer}>
+          <EvilIcon style={styles.userIcon} name="user" size={50} />
+          <Text style={styles.username}>{e.user}</Text>
+        </View>
+      </View>
+    )
+  }
+}
+
+const iconSize = 30
+const mnmColor = '#d35400'
+const detailColor = '#95a5a6'
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginLeft: 10,
+    marginRight: 10,
+    marginTop: 20,
+    flexDirection: 'row',
+  },
+  leftContainer: {
+    flex: 1,
+    flexDirection: 'column',
+    marginBottom: 15,
+  },
+  rightContainer: {
+    flex: 1,
+  },
+  dataContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+  },
+  icon: {
+    width: 28,
+    marginRight: 5,
+    color: detailColor,
+  },
+  ionicIcon: {
+    paddingLeft: 10,
+  },
+  upArrow: {
+    color: mnmColor,
+  },
+  iconText: {
+    flex: 1,
+    fontSize: 14,
+    fontWeight: '300',
+    color: detailColor,
+  },
+  meneos: {
+    color: mnmColor,
+  },
+  userIcon: {
+    marginBottom: 4,
+    color: detailColor,
+    textAlign: 'center',
+  },
+  username: {
+    fontWeight: 'bold',
+    fontSize: 14,
+    textAlign: 'center',
+  },
+})
+
+module.exports = MnmEntradaInfo
diff --git a/app/MnmEntradaInfo.js b/app/MnmEntradaInfo.js
deleted file mode 100644
index 50e5a6a..0000000
--- a/app/MnmEntradaInfo.js
+++ /dev/null
@@ -1,143 +0,0 @@
-/*jshint esnext: true*/
-/*global require, module, fetch*/
-
-'use strict';
-
-import React, { Component } from 'react'
-import { StyleSheet, View, Text } from 'react-native'
-
-var IonIcon = require('react-native-vector-icons/Ionicons');
-var EvilIcon = require('react-native-vector-icons/EvilIcons');
-
-
-class MnmEntradaInfo extends Component {
-    render() {
-        var e = this.props.entry;
-        return (
-            <View style={styles.container}>
-                <View style={styles.leftContainer}>
-                    <View style={styles.dataContainer}>
-                        <IonIcon style={styles.upArrow} name='ios-arrow-round-up'
-                            size={30} color='#d35400'/>
-                        <Text style={styles.meneos}>{e.votes} meneos</Text>
-                    </View>
-                    <View style={styles.dataContainer}>
-                        <IonIcon style={styles.downArrow} name='ios-arrow-round-down'
-                            size={30} color='#95a5a6'/>
-                        <Text style={styles.negatives}>{e.negatives} negativos</Text>
-                    </View>
-                    <View style={styles.dataContainer}>
-                        <EvilIcon style={styles.heart} name='heart'
-                            size={30} color='#95a5a6' />
-                        <Text style={styles.karma}>{e.karma} karma</Text>
-                    </View>
-                    <View style={styles.dataContainer}>
-                        <EvilIcon style={styles.comment} name='comment'
-                            size={30} color='#95a5a6' />
-                        <Text style={styles.comments}>{e.comments} comentarios</Text>
-                    </View>
-                    <View style={styles.dataContainer}>
-                        <EvilIcon style={styles.tag} name='tag'
-                            size={30} color='#95a5a6' />
-                        <Text style={styles.categories}>{e.tags}</Text>
-                    </View>
-                </View>
-                <View style={styles.rightContainer}>
-                    <EvilIcon style={styles.userIcon} name='user'
-                        size={50} color='#95a5a6' />
-                    <Text style={styles.username}>{e.user}</Text>
-                </View>
-            </View>
-        );
-    }
-}
-
-var styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        marginLeft: 20,
-        marginRight: 20,
-        marginTop: 20,
-        flexDirection: 'row',
-    },
-    leftContainer: {
-        flex: 4,
-        flexDirection: 'column',
-        marginBottom: 15,
-    },
-    rightContainer: {
-        flex: 2,
-    },
-    dataContainer: {
-        flex: 1,
-        flexDirection: 'row',
-    },
-    upArrow: {
-        flex: 1,
-        bottom: 4,
-        justifyContent: 'center',
-        marginLeft: 10,
-    },
-    meneos: {
-        flex: 6,
-        fontSize: 14,
-        fontWeight: '300',
-        color: '#d35400',
-    },
-    downArrow: {
-        flex: 1,
-        bottom: 4,
-        justifyContent: 'center',
-        marginLeft: 10,
-    },
-    negatives: {
-        flex: 6,
-        fontSize: 14,
-        fontWeight: '300',
-        color: '#95a5a6',
-    },
-    heart: {
-        flex: 1,
-        bottom: 8,
-        justifyContent: 'center',
-    },
-    karma: {
-        flex: 6,
-        fontSize: 14,
-        fontWeight: '300',
-        color: '#95a5a6',
-    },
-    comment: {
-        flex: 1,
-        bottom: 8,
-        justifyContent: 'center',
-    },
-    comments: {
-        flex: 6,
-        fontSize: 14,
-        fontWeight: '300',
-        color: '#95a5a6',
-    },
-    tag: {
-        flex: 1,
-        bottom: 4,
-        justifyContent: 'center',
-    },
-    categories: {
-        flex: 6,
-        fontSize: 14,
-        fontWeight: '300',
-        color: '#95a5a6',
-    },
-    userIcon: {
-        justifyContent: 'center',
-        marginBottom: 4,
-    },
-    username: {
-        fontWeight: 'bold',
-        fontSize: 14,
-        textAlign: 'center',
-    },
-});
-
-module.exports = MnmEntradaInfo;