Make info modal only as big as it needs to be

styles/index.js

@@ -295,24 +295,22 @@ export default StyleSheet.create({
   },
   infoPopUpWrapper: {
     position: 'absolute',
-    top: 0,
+    width: '100%',
-    bottom: 0,
+    height: '100%'
-    left: 0,
-    right: 0
   },
   infoPopUp: {
     backgroundColor: 'white',
     padding: 15,
-    position: 'absolute',
+    marginHorizontal: 20,
-    top: 20,
+    marginTop: 20,
-    bottom: 20,
+    maxHeight: '92%'
-    left: 20,
-    right: 20
   },
   dimmed: {
+    position: 'absolute',
     backgroundColor: 'black',
     opacity: 0.5,
-    flex: 1
+    width: '100%',
+    height: '100%'
   },
   infoSymptomClose: {
     alignItems: 'flex-end'