benerin tombol bawah home

view/Home.js

@@ -225,7 +225,7 @@ class Home extends React.Component {
                 </TouchableOpacity>
               </View>
             </View>
-            <View style={{flex:2}}>
+            <View style={{ flex: 2 }}>
               {
                 this.state.images.length ? (
                   <SliderBox
@@ -263,7 +263,7 @@ class Home extends React.Component {
                     onCurrentImagePressed={(index) => this.props.navigation.navigate('News Detail', { slug: this.state.slugs[index] })}
                   />
                 ) : (
-                  <View style={{height : this.state.slider_height, backgroundColor: '#838383',justifyContent:'center'}}>
+                    <View style={{ height: this.state.slider_height, backgroundColor: '#838383', justifyContent: 'center' }}>
                       <ActivityIndicator size="large" color="#c9af6d" />
                     </View>
                   )
@@ -391,14 +391,34 @@ class Home extends React.Component {
                 <TouchableOpacity
                   // style={styles.submitUpgradePemium} 
                   activeOpacity={.5} onPress={() => this.props.navigation.navigate('TopUpInfo')}>
-                  <View style={styles.topUseBalance}>
+                  <View style={{
+                    flex: 0.5,
+                    height: 40,
+                    top: 20,
+                    margin: 5,
+                    marginLeft:-10,
+                    paddingVertical: 12,
+                    paddingHorizontal: 10,
+                    borderRadius: 10,
+                    backgroundColor: '#CFB368',
+                  }}>
                     <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 14 }}>TOP UP BALANCE </Text>
                   </View>
                 </TouchableOpacity>
                 <TouchableOpacity
                   // style={styles.submitUpgradePemium} 
                   activeOpacity={.5} onPress={() => this._useBalance()}>
-                  <View style={styles.topUseBalance}>
+                  <View style={{
+                    flex: 0.5,
+                    height: 40,
+                    top: 20,
+                    margin: 5,
+                    marginRight : -10,
+                    paddingVertical: 12,
+                    paddingHorizontal: 24,
+                    borderRadius: 10,
+                    backgroundColor: '#CFB368',
+                  }}>
                     <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 14 }}>USE BALANCE </Text>
                   </View>
                 </TouchableOpacity>
@@ -487,7 +507,7 @@ const styles = StyleSheet.create({
     height: 40,
     top: 20,
     margin: 5,
-    paddingVertical : 12,
+    paddingVertical: 12,
     paddingHorizontal: 16,
     borderRadius: 10,
     backgroundColor: '#CFB368',