From dde3256c6eba26cbbb42b9261315ca5543482cfd Mon Sep 17 00:00:00 2001
From: whysman <whysman@kaiser-labs.com>
Date: Fri, 25 Apr 2025 01:22:42 -0400
Subject: [PATCH] changing layout again

---
 components/Location.tsx | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/components/Location.tsx b/components/Location.tsx
index 2c30619..eeab7e3 100644
--- a/components/Location.tsx
+++ b/components/Location.tsx
@@ -7,6 +7,8 @@ import log from "@/util/log"
 
 export const API_URL = process.env.EXPO_PUBLIC_API_URL;
 
+const BUTTON_WIDTH = 260;
+
 const LocationComponent = () => {
     const theme = useTheme();
     const [zip, setZip] = useState("");
@@ -53,18 +55,30 @@ const LocationComponent = () => {
                     onPress={handleGetLocation}
                     loading={locLoading}
                     disabled={locLoading}
-                    style={{ marginBottom: 12, width: 200 }}
+                    style={{ marginBottom: 12, width: BUTTON_WIDTH }}
                 >
                     Use My Location
                 </Button>
                 <Text style={{ marginBottom: 12, color: theme.colors.primary, fontWeight: "bold" }}>OR</Text>
-                <View style={{ width: 240, alignItems: "center" }}>
+                <View
+                    style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                        width: BUTTON_WIDTH,
+                        justifyContent: "center",
+                    }}
+                >
                     <TextInput
                         label="Enter Zip Code"
                         mode="outlined"
                         value={zip}
                         onChangeText={setZip}
-                        style={{ marginBottom: 10, fontFamily: "SpaceReg", width: "100%" }}
+                        style={{
+                            flex: 3,
+                            marginRight: 6,
+                            fontFamily: "SpaceReg",
+                            minWidth: 0,
+                        }}
                         placeholderTextColor={theme.colors.primary}
                         textColor={theme.colors.primary}
                         theme={{ colors: { text: theme.colors.primary } }}
@@ -74,7 +88,12 @@ const LocationComponent = () => {
                         onPress={handleSubmit}
                         loading={loading}
                         disabled={!zip || loading}
-                        style={{ width: "100%" }}
+                        style={{
+                            flex: 2,
+                            minWidth: 0,
+                            height: 50,
+                        }}
+                        contentStyle={{ height: 50 }}
                     >
                         Submit
                     </Button>