From a49e28c51e26e462903c3d3c1a4d1695f3e9de76 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Thu, 25 Apr 2024 22:55:37 +0000
Subject: [PATCH] define a proper container with the current screen in mind. payment option fit right in.

---
 src/screens/HomePageWithPaymentOptions.tsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/screens/HomePageWithPaymentOptions.tsx b/src/screens/HomePageWithPaymentOptions.tsx
index 995f7e5..764aa06 100644
--- a/src/screens/HomePageWithPaymentOptions.tsx
+++ b/src/screens/HomePageWithPaymentOptions.tsx
@@ -37,11 +37,24 @@ const HomePageWithPaymentOptions = () => {
 							justifyContent={"space-between"}
 						>
 							{/* Payment Modes */}
-							<PaymentOption onPress={() => {}} paymentMethod={"OrangeMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"MtnMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"MoovMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"WaveMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"VisaCard"} />
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"OrangeMoney"} />
+							</Box>
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"MtnMoney"} />
+							</Box>
+
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"MoovMoney"} />
+							</Box>
+
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"WaveMoney"} />
+							</Box>
+
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"VisaCard"} />
+							</Box>
 						</Box>
 					</Box>
 				</Box>
--
libgit2 0.27.1