Symptom view redesign

components/common/app-text-input.js

@@ -1,10 +1,15 @@
 import React from 'react'
 import { StyleSheet, TextInput } from 'react-native'
+import PropTypes from 'prop-types'
 
 import { Colors, Spacing, Typography } from '../../styles/redesign'
 
-const AppTextInput = ({ ...props }) => {
-  return <TextInput style={styles.input} {...props} />
+const AppTextInput = ({ style, ...props }) => {
+  return <TextInput style={[styles.input, style]} {...props} />
+}
+
+AppTextInput.propTypes = {
+  style: PropTypes.object
 }
 
 const styles = StyleSheet.create({
@@ -16,6 +21,7 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     color: Colors.greyDark,
     marginTop: Spacing.base,
+    minWidth: '80%',
     paddingHorizontal: Spacing.base,
     ...Typography.mainText
   }