diff --git a/screens/HomeScreen.js b/screens/HomeScreen.js index 332791a..28011ff 100644 --- a/screens/HomeScreen.js +++ b/screens/HomeScreen.js @@ -300,13 +300,16 @@ const styles = StyleSheet.create({ }, topIconBox: { borderRadius: 10, - height: 80, + height: undefined, + aspectRatio: 10 / 8, width: (Dimensions.get("window").width - 80) / 3, }, topIconBox2: { flex: 1, - // height: 80, - // width: (Dimensions.get("window").width - 80) / 3, + height: 80, + height: undefined, + aspectRatio: 10 / 8, + width: (Dimensions.get("window").width - 80) / 3, }, navigationIcons: { flex: 1, diff --git a/screens/return-screens/ReturnQRScreen.js b/screens/return-screens/ReturnQRScreen.js index f428635..23f530b 100644 --- a/screens/return-screens/ReturnQRScreen.js +++ b/screens/return-screens/ReturnQRScreen.js @@ -179,6 +179,7 @@ const styles = StyleSheet.create({ alignItems: "center", paddingVertical: 20, alignSelf: "center", + marginTop: 20, }, text: { fontSize: 18, diff --git a/screens/settings-screens/BorrowTutorial.js b/screens/settings-screens/BorrowTutorial.js index 3d57c66..1b711d8 100644 --- a/screens/settings-screens/BorrowTutorial.js +++ b/screens/settings-screens/BorrowTutorial.js @@ -62,11 +62,12 @@ const styles = StyleSheet.create({ borderWidth: 2, borderColor: "black", borderRadius: 20, - height: 550, + // height: 550, width: "80%", margin: 10, alignSelf: "center", justifyContent: "center", + flexGrow: 1, }, image: { aspectRatio: 9 / 16, diff --git a/screens/settings-screens/ReturnTutorial.js b/screens/settings-screens/ReturnTutorial.js index 852cf73..60a9eee 100644 --- a/screens/settings-screens/ReturnTutorial.js +++ b/screens/settings-screens/ReturnTutorial.js @@ -62,11 +62,12 @@ const styles = StyleSheet.create({ borderWidth: 2, borderColor: "black", borderRadius: 20, - height: 580, + // height: 580, width: "80%", margin: 10, alignSelf: "center", justifyContent: "center", + flexGrow: 1, }, image: { aspectRatio: 9 / 16,