updated list item style

src/components/postListItem/view/postListItemStyles.js

@@ -22,15 +22,20 @@ export default EStyleSheet.create({
     width: '$deviceWidth - 16',
     borderRadius: 8,
     backgroundColor: '$primaryLightGray',
+    // paddingVertical: 10,
+    marginVertical: 5,
   },
   postDescripton: {
     flexDirection: 'column',
     paddingHorizontal: 8,
-    paddingVertical: 16,
+    // paddingVertical: 16,
     backgroundColor: '$primaryBackgroundColor',
+    marginTop: 5,
+    marginBottom: 10,
   },
   title: {
     fontSize: 16,
+    marginBottom: 7,
     fontWeight: 'bold',
     color: '$primaryBlack',
   },
@@ -41,12 +46,13 @@ export default EStyleSheet.create({
   header: {
     backgroundColor: '$primaryBackgroundColor',
     flexDirection: 'row',
+    flex: 1,
     marginTop: 16,
     marginHorizontal: 12,
     marginBottom: 12,
   },
   rightItem: {
-    // position: 'absolute',
-    // right: -10,
+    position: 'absolute',
+    right: 0,
   },
 });

src/components/postListItem/view/postListItemView.js

@@ -7,7 +7,7 @@ import { getTimeFromNow } from '../../../utils/time';
 // Constants
 
 // Components
-
+import { IconButton } from '../../iconButton';
 // Defaults
 import DEFAULT_IMAGE from '../../../assets/no_image.png';
 
@@ -44,12 +44,17 @@ class PostListItemView extends Component {
             size={32}
             tag={mainTag}
           />
-          <View style={styles.rightItem}>
-            <Text>icon</Text>
-          </View>
+          <IconButton
+            backgroundColor="transparent"
+            name="delete"
+            iconType="MaterialIcons"
+            size={20}
+            style={[styles.rightItem]}
+            color="#c1c5c7"
+          />
         </View>
         <View style={styles.body}>
-          <TouchableOpacity style={[{ flexDirection: 'column' }]}>
+          <TouchableOpacity >
             <FastImage source={image} style={styles.image} defaultSource={DEFAULT_IMAGE} />
             <View style={[styles.postDescripton]}>
               <Text style={styles.title}>{title}</Text>