benerin margin dan benerin warna harga coret jadi #cccc

view/Item.js

@@ -126,8 +126,8 @@ class Item extends React.Component {
                                                 <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>{item.name}</Text>
                                             )
                                     }
-                                     {item.original_price < item.price ?  null : <NumberFormat decimalScale={0} value={item.original_price} renderText={value => <Text style={{ fontSize: 12, marginRight: 10, fontFamily: 'Gotham-Light', color: 'grey',textDecorationLine: 'line-through', textDecorationStyle: 'solid' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> }
-                                    <NumberFormat decimalScale={0} value={item.price} renderText={value => <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
+                                     {item.original_price < item.price ?  null : <NumberFormat decimalScale={0} value={item.original_price} renderText={value => <Text style={{marginLeft:5, fontSize: 12, marginRight: 12, fontFamily: 'Gotham-Light', color: '#CCCCCC',textDecorationLine: 'line-through', textDecorationStyle: 'solid' }}>Rp.  {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> }
+                                     <NumberFormat decimalScale={0} value={item.price} renderText={value => <Text style={{marginLeft:5, fontSize: 14, marginRight: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
                                 </View>
                                 <View style={{ marginLeft: 10, marginRight: 10, flexDirection: 'row' }}>
                                     {