Adds flexWrap 'wrap' to phase text
This commit is contained in:
+9
-2
@@ -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,
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user