update padding

view/Item.js

@@ -102,14 +102,14 @@ class Item extends React.Component {
                                         </View>
                                     </View>
                                 </Modal>
-                                <View style={{ flex: 0.6 }}>
+                                <View style={{ flex: 1 }}>
                                     <TouchableOpacity onPress={() => this.props.navigation.navigate('Menu Detail', { nameMenu: item.name, desc: item.description, image: item.image })}>
                                         {/* <Image source={{ uri: item.image }} style={{ height: 100, width: 100, borderRadius: 10, }}></Image> */}
                                         <Image style={{ height: 100, width: 100, borderRadius: 10, }} source={item.image ? {uri: item.image } : null} />
                                     </TouchableOpacity>
                                 </View>
-                                <View style={{ flex: 0.7}}>
-                                    <View style={{ marginLeft: 5, marginRight: 5 }}>
+                                <View style={{ flex: 2}}>
+                                    <View style={{ marginLeft: 10, marginRight: 19 }}>
                                         {
                                             item.motm ? (
                                                 <View style={{ marginLeft: 5, flexDirection: 'row', alignItems: 'center' }}>
@@ -128,7 +128,7 @@ class Item extends React.Component {
 
                                         <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={''} />
                                     </View>
-                                    <View style={{ marginLeft: 5, marginRight: 5, flexDirection: 'row' }}>
+                                    <View style={{ marginLeft: 10, marginRight: 10, flexDirection: 'row' }}>
                                         {
                                             item.sold_out == true ? (
                                                 <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>Sold Out</Text>

view/MenuSelection.js

@@ -384,7 +384,7 @@ class MenuSelection extends React.Component {
                   windowSize={10}
                 />
               ) : (
-                  <Text style={{ flexWrap: 'wrap', fontFamily: 'Gotham-Light', color: '#b1b1b2', textAlign: 'center', top: 20 }}> Tidak Ada Menu untuk kategory ini !</Text>
+                  <Text style={{ flexWrap: 'wrap', fontFamily: 'Gotham-Light', color: '#b1b1b2', textAlign: 'center', top: 20 }}> {i18n.t('itemnotfound')}</Text>
                 )
             )}
         </View>