From fbb0e550a4383e79aebd538c7ef4d9f09d3b03fd Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Wed, 29 Jan 2020 06:56:33 +0200
Subject: [PATCH] header style align tags

---
 .../view/postHeaderDescription.js                  | 14 ++++++++------
 .../view/postHeaderDescriptionStyles.js            |  7 ++++++-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/postElements/headerDescription/view/postHeaderDescription.js b/src/components/postElements/headerDescription/view/postHeaderDescription.js
index 7f2be15ad..21c6b7c48 100644
--- a/src/components/postElements/headerDescription/view/postHeaderDescription.js
+++ b/src/components/postElements/headerDescription/view/postHeaderDescription.js
@@ -70,7 +70,7 @@ class PostHeaderDescription extends PureComponent {
               />
             )}
           </TouchableOpacity>
-          <View style={styles.details}>
+          <View style={styles.leftContainer}>
             <View style={styles.primaryDetails}>
               <TouchableOpacity
                 style={styles.avatarNameWrapper}
@@ -79,11 +79,6 @@ class PostHeaderDescription extends PureComponent {
                 <Text style={styles.name}>{name}</Text>
                 <Text style={styles.reputation}>{_reputationText}</Text>
               </TouchableOpacity>
-              {!!tag && (
-                <TouchableOpacity onPress={() => tagOnPress && tagOnPress()}>
-                  <Tag isPostCardTag={!isPromoted} isPin value={tag} />
-                </TouchableOpacity>
-              )}
               {isShowOwnerIndicator && (
                 <Icon style={styles.ownerIndicator} name="stars" iconType="MaterialIcons" />
               )}
@@ -94,6 +89,13 @@ class PostHeaderDescription extends PureComponent {
               </Text>
             </View>
           </View>
+          <View style={styles.rightContainer}>
+            {!!tag && (
+              <TouchableOpacity onPress={() => tagOnPress && tagOnPress()}>
+                <Tag isPostCardTag={!isPromoted} isPin value={tag} />
+              </TouchableOpacity>
+            )}
+          </View>
         </View>
       </View>
     );
diff --git a/src/components/postElements/headerDescription/view/postHeaderDescriptionStyles.js b/src/components/postElements/headerDescription/view/postHeaderDescriptionStyles.js
index e537bfa66..253971fb9 100644
--- a/src/components/postElements/headerDescription/view/postHeaderDescriptionStyles.js
+++ b/src/components/postElements/headerDescription/view/postHeaderDescriptionStyles.js
@@ -5,7 +5,7 @@ export default EStyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
   },
-  details: {
+  leftContainer: {
     flexDirection: 'column',
   },
   primaryDetails: {
@@ -15,6 +15,11 @@ export default EStyleSheet.create({
     flexDirection: 'row',
     marginHorizontal: 3,
   },
+  rightContainer: {
+    flexDirection: 'column',
+    marginLeft: 'auto',
+    paddingLeft: 20,
+  },
   avatar: {
     borderColor: '$borderColor',
     borderWidth: 1,