From 08ee5a69fed448838307fe12cac46713ce3afc54 Mon Sep 17 00:00:00 2001
From: Tyler Canepa <tmcanepa@ucsb.edu>
Date: Fri, 6 Dec 2024 10:41:03 -0800
Subject: [PATCH] fixed picker displays

---
 project/components/genderPicker.tsx | 1 +
 project/components/heightPicker.tsx | 7 +++++--
 project/components/weightPicker.tsx | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/project/components/genderPicker.tsx b/project/components/genderPicker.tsx
index 8262a13..5351236 100644
--- a/project/components/genderPicker.tsx
+++ b/project/components/genderPicker.tsx
@@ -27,6 +27,7 @@ const GenderPickerModal: React.FC<GenderPickerProps> = ({ isVisible, onClose, ge
                 selectedValue={gender} 
                 onValueChange={(value) => {onGenderChange(value)}} 
                 style={styles.picker}
+                itemStyle={{ fontSize: 18, color: 'black' }}
               >
                <Picker.Item label="Male" value="male" />
                <Picker.Item label="Female" value="female" />
diff --git a/project/components/heightPicker.tsx b/project/components/heightPicker.tsx
index 93d3a74..7d92c26 100644
--- a/project/components/heightPicker.tsx
+++ b/project/components/heightPicker.tsx
@@ -28,6 +28,8 @@ const HeightPickerModal: React.FC< HeightPickerModalProps > = ({ isVisible, onCl
               selectedValue={Math.floor(height / 12)} // Feet part of height
               onValueChange={(value) => onHeightChange(Number(value) * 12 + (height % 12))} // Update height in inches
               style={styles.picker}
+              itemStyle={{ fontSize: 18, color: 'black' }}
+
             >
               {Array.from({ length: 4 }, (_, i) => (
                 <Picker.Item label={`${i + 4} feet`} value={i + 4} key={i} />
@@ -39,6 +41,7 @@ const HeightPickerModal: React.FC< HeightPickerModalProps > = ({ isVisible, onCl
               selectedValue={height % 12}
               onValueChange={(value) => onHeightChange(Math.floor(height / 12) * 12 + Number(value))} // Update height in inches
               style={styles.picker}
+              itemStyle={{ fontSize: 18, color: 'black' }}
             >
               {Array.from({ length: 12 }, (_, i) => (
                 <Picker.Item label={`${i} inches`} value={i} key={i} />
@@ -77,12 +80,12 @@ const styles = StyleSheet.create({
   },
   modalPickers: {
     flexDirection: 'row',
-    justifyContent: 'space-between',
+    justifyContent: 'space-around',
     width: '100%',
     marginBottom: 20,
   },
   picker: {
-    width: '40%',
+    width: '50%',
   },
   modalButton: {
     paddingVertical: 10,
diff --git a/project/components/weightPicker.tsx b/project/components/weightPicker.tsx
index 294efb0..54cf53c 100644
--- a/project/components/weightPicker.tsx
+++ b/project/components/weightPicker.tsx
@@ -27,6 +27,7 @@ const WeightPickerModal: React.FC< WeightPickerModalProps > = ({ isVisible, onCl
               selectedValue={weight} 
               onValueChange={(value) => {onWeightChange(Number(value))}} 
               style={styles.picker}
+              itemStyle={{ fontSize: 18, color: 'black' }}
             >
               {Array.from({ length: 400 }, (_, i) => (
                 <Picker.Item label={`${i} Ibs`} value={i} key={i} />