update design home

view/Home.js

@@ -277,13 +277,13 @@ class Home extends React.Component {
                 {/* <Text style={{ textAlign: 'center', fontSize: 12, }}>
                   {i18n.t('orderInfo')}
                 </Text> */}
-                <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black' }}>
+                <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color:'#838383' }}>
                   YOU WILL PICKUP YOUR ORDER AT
                 </Text>
                 {this.state.indicator == true ? (
                   <ActivityIndicator size="small" color="#c9af6d" />
                 ) : (
-                    <Text style={{ textAlign: "center", fontSize: 12, top: 5, fontFamily: 'Gotham-Light' }}>
+                    <Text style={{ textAlign: "center", fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color:'#838383' }}>
                       Excelso {this.props.name_outlet}
                     </Text>
                   )}
@@ -291,7 +291,7 @@ class Home extends React.Component {
                   <Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>{i18n.t('orderNow')}</Text>
                 </TouchableOpacity> */}
                 <TouchableOpacity style={styles.submitOrder} activeOpacity={.5} onPress={() => this._orderNow()}>
-                  <Text style={{ textAlign: 'center', bottom: 5, color: 'white', fontFamily: 'Gotham-Black' }}>ORDER NOW</Text>
+                  <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 16 }}>ORDER NOW</Text>
                 </TouchableOpacity>
               </Card>
               {
@@ -351,7 +351,7 @@ class Home extends React.Component {
                               <Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>BALANCE</Text>
                             </View>
                             <View style={{ flex: 0.8, alignItems:'center'}}>
-                              <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.balance}</Text>
+                              <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.balance}</Text>
                             </View>
                           </View>
 
@@ -366,7 +366,7 @@ class Home extends React.Component {
                               <Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>POINTS</Text>
                             </View>
                             <View style={{ flex: 0.8,alignItems:'center' }}>
-                              <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.point}</Text>
+                              <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.point}</Text>
                             </View>
                           </View>
                         </Card>
@@ -378,14 +378,14 @@ class Home extends React.Component {
                   // style={styles.submitUpgradePemium} 
                   activeOpacity={.5} onPress={() => this.props.navigation.navigate('TopUpInfo')}>
                   <View style={styles.topUseBalance}>
-                    <Text style={{ textAlign: 'center', bottom: 5, color: 'white', fontFamily: 'Gotham-Black' }}>TOP BALANCE </Text>
+                    <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 16 }}>TOP BALANCE </Text>
                   </View>
                 </TouchableOpacity>
                 <TouchableOpacity
                   // style={styles.submitUpgradePemium} 
                   activeOpacity={.5} onPress={this.onPress}>
                   <View style={styles.topUseBalance}>
-                    <Text style={{ textAlign: 'center', bottom: 5, color: 'white', fontFamily: 'Gotham-Black' }}>USE BALANCE </Text>
+                    <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 16 }}>USE BALANCE </Text>
                   </View>
                 </TouchableOpacity>
               </View>
@@ -456,9 +456,9 @@ const styles = StyleSheet.create({
   },
 
   submitOrder: {
+    height:40,
     margin: 10,
-    paddingTop: 10,
-    paddingBottom: -5,
+    paddingTop:10,
     backgroundColor: '#CFB368',
     borderRadius: 10,
     borderWidth: 0,
@@ -467,11 +467,12 @@ const styles = StyleSheet.create({
 
   topUseBalance: {
     flex: 0.5,
+    height:40,
     backgroundColor: 'green',
     top: 20,
-    margin: 5,
+    margin:5,
     padding: 10,
-    paddingHorizontal: 23,
+    paddingHorizontal: 15,
     borderRadius: 10,
     backgroundColor: '#CFB368',
     paddingBottom: -5