Fixing spacing in pluviometerRegister

src/app/screens/PluviometerRegisterScreen.js

@@ -36,7 +36,7 @@ function Institution({ user }) {
         </Text>
       </View>
 
-      <Text style={[styles.label, { marginTop: 24 }]}>
+      <Text style={[styles.label, { marginTop: 24, marginBottom:16, }]}>
         Nome da instituição:
       </Text>
       <View style={{ flexDirection: "row" }}>
@@ -69,7 +69,7 @@ function LocationPicker({
       <MaterialIcons name="location-on" size={30} color={colors.primary} />
 
       {pluviometer && (
-        <View style={{ flexDirection: "row", marginTop: 16 }}>
+        <View style={{ flexDirection: "row"}}>
           <Text style={styles.subText}>
             {pluviometer.address
               ? pluviometer.address
@@ -130,7 +130,7 @@ function PluvDateTimePicker({
   pluviometer,
 }) {
   return (
-    <View style={{ height: 58 }}>
+    <View style={{ height: 48 }}>
       {!pluviometer && (
         <FormDatePicker
           onDateChange={onDateChange}
@@ -154,14 +154,12 @@ function PluvDateTimePicker({
             size={30}
             color={colors.primary}
           />
-          <View style={styles.date}>
             <Text style={styles.subTextDate}>
               {pluviometer.regiterDate
                 ? pluviometer.regiterDate
                 : "Erro ao carregar a data"}
             </Text>
         </View>
-        </View>
       )}
     </View>
   );
@@ -265,7 +263,7 @@ function PluviometerRegisterScreen(props) {
 
           <Text style={styles.label}>Endereço do pluviômetro*: </Text>
 
-          <View marginBottom={24} marginTop={12}>
+          <View marginBottom={24} marginTop={16}>
             <LocationPicker
               navigation={props.navigation}
               location={location}
@@ -289,7 +287,7 @@ function PluviometerRegisterScreen(props) {
 const styles = StyleSheet.create({
   label: {
     fontSize: dimensions.text.secondary,
-    marginBottom: 12,
+    // marginBottom: 12,
     fontWeight: "bold",
     textAlign: "left",
     color: colors.secondary,
@@ -309,6 +307,7 @@ const styles = StyleSheet.create({
   },
   subTextDate: {
     color: colors.subText,
+    paddingLeft: 16,
     fontSize: 16,
     alignSelf: "center",
     fontWeight: "500",