Adds flexWrap 'wrap' to phase text

This commit is contained in:
emelko
2021-02-28 17:03:18 +01:00
parent 2d4aa722c9
commit 5ca129fd47
+9 -2
View File
@@ -97,7 +97,7 @@ class Home extends Component {
{labels.addData} {labels.addData}
</Button> </Button>
{phase && ( {phase && (
<View style={styles.line}> <View style={styles.asteriskLine}>
<Asterisk /> <Asterisk />
<AppText linkStyle={styles.whiteText} style={styles.greyText}> <AppText linkStyle={styles.whiteText} style={styles.greyText}>
{statusText} {statusText}
@@ -127,7 +127,14 @@ const styles = StyleSheet.create({
}, },
line: { line: {
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'flex-start', flexWrap: 'wrap',
alignContent: 'flex-start',
marginBottom: Spacing.tiny,
marginTop: Spacing.small,
},
asteriskLine: {
flexDirection: 'row',
alignContent: 'flex-start',
marginBottom: Spacing.tiny, marginBottom: Spacing.tiny,
marginTop: Spacing.small, marginTop: Spacing.small,
}, },