components/goal-message-box/styles.js
// @flow
const styles = {
goalButton: {
paddingRight: 10,
paddingLeft: 10,
paddingTop: 5,
paddingBottom: 5,
borderWidth: 3,
borderRadius: 6,
borderColor: '#E4845D',
backgroundColor: 'transparent',
height: 40
},
goalButtonIcon: {fontSize: 20, color: '#E4845D'},
goalButtonText: {textAlign: 'center', height: 40, marginRight: 10, marginLeft: 10},
goalCompleteIcon: {
width: 20,
height: 20,
color: 'white',
flexDirection: 'row'
},
goalDateBlock: {
paddingTop: 5
},
goalDateIcon: {
width: 20,
height: 20,
flexDirection: 'row'
},
goalMessageBox: {marginTop: 0, marginBottom: 10, margin: 20},
goalMessageBoxDetail: {
color: '#333',
fontSize: 14,
marginBottom: 20
},
goalMessageBoxTitle: {
color: '#DC552B',
fontSize: 18,
fontWeight: 'bold'
},
statusText: {alignSelf: 'stretch', lineHeight: 40, marginRight: 10}
};
export default styles;