Merge branch 'master' into tma889-touchable-triangle

1 files changed, 16 insertions, 19 deletions

diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx
index 188ccc1f..43665428 100644
--- a/src/screens/profile/CaptionScreen.tsx
+++ b/src/screens/profile/CaptionScreen.tsx
@@ -176,28 +176,13 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => {
                   selectedUsers: taggedUsers,
                 })
               }
-              style={{
-                marginHorizontal: '5%',
-                marginTop: '3%',
-                flexDirection: 'row',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-              }}>
+              style={styles.tagFriendsContainer}>
               <Image
                 source={require('../../assets/icons/tagging/tag-icon.png')}
-                style={{width: 20, height: 20}}
+                style={styles.tagIcon}
               />
               <Text style={styles.tagFriendsTitle}>Tag Friends</Text>
-              <Text
-                numberOfLines={1}
-                style={{
-                  color: 'white',
-                  width: 150,
-                  fontSize: normalize(10),
-                  lineHeight: normalize(11),
-                  letterSpacing: normalize(0.3),
-                  textAlign: 'right',
-                }}>
+              <Text numberOfLines={1} style={styles.taggedListContainer}>
                 {taggedList}
                 {taggedList.length > 21 ? '. . .' : ''}
               </Text>
@@ -255,9 +240,21 @@ const styles = StyleSheet.create({
     fontWeight: '600',
   },
   tagFriendsContainer: {
-    flexDirection: 'row',
+    marginHorizontal: '5%',
     marginTop: '3%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  taggedListContainer: {
+    color: 'white',
+    width: 150,
+    fontSize: normalize(10),
+    lineHeight: normalize(11),
+    letterSpacing: normalize(0.3),
+    textAlign: 'right',
   },
+  tagIcon: {width: 20, height: 20},
 });
 
 export default CaptionScreen;