created promote listing

src/components/postElements/headerDescription/view/postHeaderDescription.js

@@ -95,11 +95,8 @@ class PostHeaderDescription extends PureComponent {
           {isShowOwnerIndicator && (
             <Icon style={styles.ownerIndicator} name="stars" iconType="MaterialIcons" />
           )}
-          {/* {!!reblogedBy && (
-            // <TextWithIcon text={reblogedBy} iconType="MaterialIcons" iconName="repeat" />
-            <Icon style={styles.reblogedIcon} name="repeat" iconType="MaterialIcons" />
-          )} */}
         </View>
+
         <View style={styles.subLine}>
           {!!reblogedBy && (
             <TextWithIcon
@@ -108,8 +105,11 @@ class PostHeaderDescription extends PureComponent {
               iconName="repeat"
             />
           )}
-          {/* {isPromoted && <Text>sponsored</Text>} */}
+          {isPromoted && (
-          {isPromoted && <Text style={styles.sponsoredText}>sponsored</Text>}
+            <View style={styles.sponsoredWrapper}>
+              <Text style={styles.sponsoredText}>sponsored</Text>
+            </View>
+          )}
         </View>
       </View>
     );

src/components/postElements/headerDescription/view/postHeaderDescriptionStyles.js

@@ -7,20 +7,22 @@ export default EStyleSheet.create({
   },
   subLine: {
     marginTop: 5,
-    marginHorizontal: 3,
     flexDirection: 'row',
-    alignItems: 'center',
     justifyContent: 'space-between',
     width: '$deviceWidth - 30',
+    // justifyContent: 'flex-end',
+    flex: 1,
+  },
+  sponsoredWrapper: {
+    justifyContent: 'flex-end',
+    marginRight: 10,
     flex: 1,
   },
   sponsoredText: {
     fontSize: 10,
     color: '$primaryDarkGray',
-    // alignItems: 'flex-end',
+    textAlign: 'right',
-    // alignItems: 'flex-end',
+    alignItems: 'stretch',
-    // justifyContent: 'flex-end',
-    // alignItems: 'center',
     alignSelf: 'flex-end',
   },
   avatar: {