made date & number input width 100%, and larger close button

component/global/date_input.tsx

@@ -51,7 +51,7 @@ const styles = StyleSheet.create({
 		justifyContent: "center",
 	},
 	inputContainer: {
-		width: "80%",
+		width: "100%",
 		height: 60,
 		maxWidth: "100%",
 		flexDirection: "row",
@@ -88,7 +88,7 @@ const styles = StyleSheet.create({
 		shadowRadius: 4,
 		elevation: 5,
 	},
-	closeButton: { color: "#3f4f5c" },
+	closeButton: { color: "#3f4f5c", padding: 20, borderWidth: 1, borderColor: "#bbbbbb", borderRadius: 15 },
 });
 
 export default DateModal;

component/global/number_input.tsx

@@ -47,6 +47,7 @@ const NumberInput: React.FC<NumberInputProps> = ({ placeholder, extendedStyle, o
 
 const styles = StyleSheet.create({
 	inputContainer: {
+		width: "100%",
 		maxWidth: "100%",
 		flexDirection: "row",
 		alignItems: "center",
@@ -56,7 +57,6 @@ const styles = StyleSheet.create({
 		borderRadius: 10,
 		padding: 15,
 		margin: 10,
-		width: 120,
 	},
 	input: {
 		flex: 1,