seragamin header home sama inbox detail

view/Home.js

@@ -703,9 +703,9 @@ const styles = StyleSheet.create({
     flex: 0.1,
     flexDirection: 'row',
     backgroundColor: '#CFB368',
-    paddingTop: StatusBar.currentHeight
+    paddingTop: StatusBar.currentHeight,
     // justifyContent: 'space-between',
-    // alignItems: 'center'
+    alignItems: 'center'
   },
   titleText: {
     fontSize: 20,

view/InboxDetail.js

@@ -117,15 +117,15 @@ class InboxDetail extends React.Component {
         return (
             <View style={styles.container}>
                 <View style={styles.header}>
-                    <View style={{ margin: 15, flex: 0.1, alignItems: 'flex-start' }}>
+                    <View style={{ padding: 15, flex: 0.1, alignItems: 'flex-start' }}>
                         <TouchableOpacity onPress={() => this.props.navigation.navigate('Inbox List')}>
                             <AntDesign name="arrowleft" size={22} color="white" />
                         </TouchableOpacity>
                     </View>
-                    <View style={{ flex: 0.8, alignItems: 'center' }}>
+                    <View style={{ flex: 0.8, alignItems: 'center', padding:15 }}>
                         <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: 'white' }}>{i18n.t('headerInboxDetail')}</Text>
                     </View>
-                    <View style={{ margin: 15, flex: 0.1, alignItems: 'flex-end' }}>
+                    <View style={{ padding: 15, flex: 0.1, alignItems: 'flex-end' }}>
                         <TouchableOpacity onPress={() => this.handleDeleteInbox()}>
                             <FontAwesome name="trash-o" size={24} color="white" />
                         </TouchableOpacity>