From 0f512be06959ab4af44f4efc16c77addab993f84 Mon Sep 17 00:00:00 2001
From: ue <ugurerdal93@gmail.com>
Date: Wed, 28 Aug 2019 20:33:01 +0300
Subject: [PATCH] removed tags alignment

---
 .../basicUIElements/view/tag/tagView.js        | 18 ++++++++----------
 .../postElements/tags/view/tagsStyles.js       |  6 ++++++
 .../postElements/tags/view/tagsView.js         |  4 +++-
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/basicUIElements/view/tag/tagView.js b/src/components/basicUIElements/view/tag/tagView.js
index 046c7e179..d786c533c 100644
--- a/src/components/basicUIElements/view/tag/tagView.js
+++ b/src/components/basicUIElements/view/tag/tagView.js
@@ -1,17 +1,15 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import { Text, View, TouchableOpacity } from 'react-native';
 import styles from './tagStyles';
 
 const Tag = ({ onPress, isPin, value, isPostCardTag }) => (
-  <Fragment>
-    <TouchableOpacity onPress={() => onPress && onPress(value)}>
-      <View
-        style={[styles.textWrapper, isPin && styles.isPin, isPostCardTag && styles.isPostCardTag]}
-      >
-        <Text style={[styles.text]}>{value}</Text>
-      </View>
-    </TouchableOpacity>
-  </Fragment>
+  <TouchableOpacity onPress={() => onPress && onPress(value)}>
+    <View
+      style={[styles.textWrapper, isPin && styles.isPin, isPostCardTag && styles.isPostCardTag]}
+    >
+      <Text style={[styles.text]}>{value}</Text>
+    </View>
+  </TouchableOpacity>
 );
 
 export default Tag;
diff --git a/src/components/postElements/tags/view/tagsStyles.js b/src/components/postElements/tags/view/tagsStyles.js
index 0b4d8772c..8f90bb57f 100644
--- a/src/components/postElements/tags/view/tagsStyles.js
+++ b/src/components/postElements/tags/view/tagsStyles.js
@@ -3,5 +3,11 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 export default EStyleSheet.create({
   container: {
     flexDirection: 'row',
+    marginLeft: -20,
+    marginRight: -20,
+    height: 30,
+  },
+  firstTag: {
+    marginLeft: 10,
   },
 });
diff --git a/src/components/postElements/tags/view/tagsView.js b/src/components/postElements/tags/view/tagsView.js
index f6eda0b7a..8c46e42a6 100644
--- a/src/components/postElements/tags/view/tagsView.js
+++ b/src/components/postElements/tags/view/tagsView.js
@@ -27,7 +27,9 @@ class TagsView extends PureComponent {
           data={tags}
           horizontal
           renderItem={({ item, index }) => (
-            <Tag key={index} value={item} isPin={index === 0} onPress={handleOnTagPress} />
+            <View style={index === 0 && styles.firstTag}>
+              <Tag key={index} value={item} isPin={index === 0} onPress={handleOnTagPress} />
+            </View>
           )}
           keyExtractor={item => item}
         />