UI fixes to the onboarding page and landing page.

.expo/README.md

@@ -0,0 +1,15 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What do the files contain?
+
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

.expo/settings.json

@@ -0,0 +1,8 @@
+{
+ "hostType": "lan",
+ "lanType": "ip",
+ "dev": true,
+ "minify": false,
+ "urlRandomness": null,
+ "https": false
+}

native-app/screens/home/landingpage.js

@@ -149,12 +149,14 @@ const styles = StyleSheet.create({
  color: "black",
  fontSize: 40,
  fontWeight: "bold",
+
  },
  heroText_care: {
  color: "#C276F0",
  fontSize: 40,
  fontWeight: "bold",
  // fontFamily: "po",
+ right: 60,
  },
  profileImage: {
  width: 40,
@@ -203,7 +205,7 @@ const styles = StyleSheet.create({
  },
  hosp_search: {
  marginTop: 30,
- fontSize: 45,
+ fontSize: 35,
  textAlign: "center",
  fontWeight: "bold",
  },

native-app/screens/onboarding/OnboardingPage1.js

@@ -59,8 +59,8 @@ const styles = StyleSheet.create({
  },
  bar: {
  // position: 'absolute',
- bottom: 100,
- width: 90,
+ bottom: 180,
+ width: 10,
  height: 5,
  backgroundColor: "#D3D3D3",
  marginHorizontal: 5,

native-app/screens/onboarding/OnboardingPage2.js

@@ -59,8 +59,8 @@ const styles = StyleSheet.create({
  },
  bar: {
  // position: 'absolute',
- bottom: 100,
- width: 90,
+ bottom: 180,
+ width: 10,
  height: 5,
  backgroundColor: "#D3D3D3",
  marginHorizontal: 5,

native-app/screens/onboarding/OnboardingPage3.js

@@ -62,8 +62,8 @@ const styles = StyleSheet.create({
  alignItems: "center",
  },
  bar: {
- width: 100,
- bottom: 90,
+ bottom: 180,
+ width: 10,
  height: 5,
  backgroundColor: "#D3D3D3",
  marginHorizontal: 5,