update style

src/components/layout/MeterCard.js

 import React from 'react';
 import React from 'react';
 import { Card, View, Row, Icon, Text } from 'native-base';
 import { Card, View, Row, Icon, Text } from 'native-base';
-import { Image, StyleSheet } from 'react-native';
+import { Image, StyleSheet, TouchableOpacity } from 'react-native';
 import { color } from '../../constants/Styles';
 import { color } from '../../constants/Styles';
 
 
 const MeterCard = props => {
 const MeterCard = props => {
 	return (
 	return (
+		<TouchableOpacity onPress={() => console.log('Go to Smart meter ' + props.index + '!!')}>
 			<Card style={[styles.cardContainer]}>
 			<Card style={[styles.cardContainer]}>
 				<View style={[styles.imgContainer]}>
 				<View style={[styles.imgContainer]}>
 					{props.isOn ? (
 					{props.isOn ? (
@@ -43,6 +44,7 @@ const MeterCard = props => {
 					</Row>
 					</Row>
 				</View>
 				</View>
 			</Card>
 			</Card>
+		</TouchableOpacity>
 	);
 	);
 };
 };
 
 

src/constants/Styles.js

@@ -10,7 +10,7 @@ export const color = {
 
 
 export const theme = StyleSheet.create({
 export const theme = StyleSheet.create({
 	startContainer: {
 	startContainer: {
-		top: 120,
+		top: '15%',
 		paddingHorizontal: 50,
 		paddingHorizontal: 50,
 	},
 	},
 	startTitle: {
 	startTitle: {