From f5a197f264e6f6a36718572a3a02d6f98f0649e0 Mon Sep 17 00:00:00 2001
From: Mary <git@mary.my.id>
Date: Wed, 8 May 2024 08:09:37 +0700
Subject: [PATCH] refactor: don't bother reversing the order

---
 .../composer/photos/ImageAltTextDialog.tsx    | 86 +++++++++----------
 1 file changed, 41 insertions(+), 45 deletions(-)

diff --git a/src/view/com/composer/photos/ImageAltTextDialog.tsx b/src/view/com/composer/photos/ImageAltTextDialog.tsx
index b029d8ceb6..1985b76707 100644
--- a/src/view/com/composer/photos/ImageAltTextDialog.tsx
+++ b/src/view/com/composer/photos/ImageAltTextDialog.tsx
@@ -69,55 +69,51 @@ const ImageAltTextInner = ({
     <Dialog.ScrollableInner label={_(msg`Add alt text`)}>
       <Dialog.Close />
 
-      <View style={a.flex_col_reverse}>
-        <View style={[a.mt_md, a.gap_md]}>
-          <View>
-            <TextField.LabelText>
-              <Trans>Descriptive alt text</Trans>
-            </TextField.LabelText>
-            <TextField.Root>
-              <Dialog.Input
-                label={_(msg`Alt text`)}
-                onChangeText={text => setAltText(text)}
-                value={altText}
-                multiline
-                numberOfLines={3}
-                autoFocus
-              />
-            </TextField.Root>
-          </View>
-          <Button
-            label={_(msg`Save`)}
-            size="medium"
-            color="primary"
-            variant="solid"
-            onPress={onPressSubmit}>
-            <ButtonText>
-              <Trans>Save</Trans>
-            </ButtonText>
-          </Button>
-        </View>
+      <View>
+        <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
+          <Trans>Add ALT text</Trans>
+        </Text>
 
-        {/* below the text input to force tab order */}
+        <View style={[t.atoms.bg_contrast_50, a.rounded_sm, a.overflow_hidden]}>
+          <Image
+            style={imageStyle}
+            source={{
+              uri: (image.transformed ?? image.source).path,
+            }}
+            contentFit="contain"
+            accessible={true}
+            accessibilityIgnoresInvertColors
+            enableLiveTextInteraction
+          />
+        </View>
+      </View>
+
+      <View style={[a.mt_md, a.gap_md]}>
         <View>
-          <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
-            <Trans>Add ALT text</Trans>
-          </Text>
-
-          <View
-            style={[t.atoms.bg_contrast_50, a.rounded_sm, a.overflow_hidden]}>
-            <Image
-              style={imageStyle}
-              source={{
-                uri: (image.transformed ?? image.source).path,
-              }}
-              contentFit="contain"
-              accessible={true}
-              accessibilityIgnoresInvertColors
-              enableLiveTextInteraction
+          <TextField.LabelText>
+            <Trans>Descriptive alt text</Trans>
+          </TextField.LabelText>
+          <TextField.Root>
+            <Dialog.Input
+              label={_(msg`Alt text`)}
+              onChangeText={text => setAltText(text)}
+              value={altText}
+              multiline
+              numberOfLines={3}
+              autoFocus
             />
-          </View>
+          </TextField.Root>
         </View>
+        <Button
+          label={_(msg`Save`)}
+          size="medium"
+          color="primary"
+          variant="solid"
+          onPress={onPressSubmit}>
+          <ButtonText>
+            <Trans>Save</Trans>
+          </ButtonText>
+        </Button>
       </View>
     </Dialog.ScrollableInner>
   )