Styling fixes to keep long notes on screen in ObsEdit (#2775)

ios/Podfile.lock

@@ -1531,7 +1531,7 @@ SPEC CHECKSUMS:
   MMKV: ce484c1ac40bf76d5f09a0195d2ec5b3d3840d55
   MMKVCore: 1eb661c6c498ab88e3df9ce5d8ff94d05fcc0567
   Mute: 20135a96076f140cc82bfc8b810e2d6150d8ec7e
-  RCT-Folly: 7169b2b1c44399c76a47b5deaaba715eeeb476c0
+  RCT-Folly: cd21f1661364f975ae76b3308167ad66b09f53f5
   RCTRequired: 415e56f7c33799a6483e41e4dce607f3daf1e69b
   RCTTypeSafety: e984a88e713281c2d8c2309a1a6d2775af0107ae
   React: ab885684e73c5f659bad63446a977312fd3d1ecb
@@ -1621,4 +1621,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: eff4b75123af5d6680139a78c055b44ad37c269b
 
-COCOAPODS: 1.14.3
+COCOAPODS: 1.16.2

src/components/ObsEdit/DropdownItem.tsx

@@ -19,22 +19,20 @@ const DropdownItem = ( {
 }: Props ) => (
   <Pressable
     accessibilityRole="button"
-    className="flex-row"
+    className="flex-row ml-1 items-start flex-1 py-[10px]"
     onPress={handlePress}
     accessibilityLabel={accessibilityLabel}
   >
-    <View className="flex-row ml-1 py-[10px] items-center">
-      <View className="w-[30px] items-center mr-1">
-        <INatIcon
-          size={14}
-          name={iconName}
-        />
-      </View>
-      <Body2 className="mr-[13px]">
-        {text}
-      </Body2>
+    <View className="w-[30px] h-[21px] items-center justify-center mx-1">
+      <INatIcon
+        size={14}
+        name={iconName}
+      />
     </View>
-    <View className="mt-4">
+    <Body2 className="flex-shrink">
+      {text}
+    </Body2>
+    <View className="pt-1.5 ml-[13px] h-[21px]">
       <INatIcon
         name="triangle-down"
         size={24}

src/components/ObsEdit/OtherDataSection.js

@@ -86,6 +86,7 @@ const OtherDataSection = ( {
         />
       )}
       <Heading4 className="pb-[10px]">{t( "OTHER-DATA" )}</Heading4>
+
       <DropdownItem
         accessibilityLabel={t( "Select-geoprivacy-status" )}
         handlePress={( ) => setShowGeoprivacySheet( true )}