Merge pull request #876 from esteemapp/bugfix/404

Bugfix/404

src/components/header/view/headerStyles.js

@@ -53,6 +53,10 @@ export default EStyleSheet.create({
     alignSelf: 'flex-end',
     marginRight: 12,
   },
+  reverseAvatar: {
+    alignSelf: 'flex-start',
+    marginLeft: 12,
+  },
   backIcon: {
     fontSize: 24,
     color: '$iconColor',
@@ -61,9 +65,15 @@ export default EStyleSheet.create({
   backButton: {
     marginLeft: 24,
   },
-  backButtonWrapper: {
+  reverseBackButtonWrapper: {
     flexGrow: 1,
     flexDirection: 'column',
     justifyContent: 'center',
   },
+  backButtonWrapper: {
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    flex: 1,
+    marginRight: 16,
+  },
 });

src/components/header/view/headerView.js

@@ -77,7 +77,11 @@ class HeaderView extends Component {
               isReverse ? styles.avatarButtonWrapperReverse : styles.avatarDefault,
             ]}
           >
-            <UserAvatar noAction style={styles.avatar} username={username} />
+            <UserAvatar
+              noAction
+              style={isReverse ? styles.reverseAvatar : styles.avatar}
+              username={username}
+            />
           </LinearGradient>
         </TouchableOpacity>
         {displayName || username ? (
@@ -100,7 +104,7 @@ class HeaderView extends Component {
           </View>
         )}
         {isReverse && (
-          <View style={styles.backButtonWrapper}>
+          <View style={styles.reverseBackButtonWrapper}>
             <IconButton
               style={styles.backButton}
               iconStyle={styles.backIcon}
@@ -111,14 +115,7 @@ class HeaderView extends Component {
         )}
 
         {!isReverse && (
-          <View
-            style={{
-              alignItems: 'flex-end',
-              justifyContent: 'center',
-              flex: 1,
-              marginRight: 16,
-            }}
-          >
+          <View style={styles.backButtonWrapper}>
             <IconButton
               iconStyle={styles.backIcon}
               name="md-search"