Fix symptom-box text overflow

2022-02-05 19:47:10 +01:00
parent 10fdcecf61
commit 953e080032
3 changed files with 20 additions and 18 deletions
@@ -94,7 +94,7 @@ class SymptomBox extends Component {
              {symptomTitles[symptom].toLowerCase()}
            </AppText>
            {symptomDataToDisplay &&
-              <AppText style={textStyle} numberOfLines={4}>
+              <AppText style={textStyle} numberOfLines={3} >
                {symptomDataToDisplay}
              </AppText>
            }
@@ -132,13 +132,13 @@ const styles = StyleSheet.create({
  textContainer: {
    flexDirection: 'column',
    justifyContent: 'center',
-    marginLeft: Spacing.small,
+    marginLeft: Spacing.tiny,
    maxWidth: Spacing.textWidth
  },
  text: {
    fontSize: Sizes.small,
    fontStyle: 'italic',
-    lineHeight: 14
+    lineHeight: scale(14)
  },
  textDisabled: {
    color: Colors.greyLight