From f22e851c829df4e4263caec03d9868c2cc848baf Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Thu, 15 Oct 2026 02:51:55 +0200
Subject: [PATCH] fix: give the vacation subject the full width instead of
 squeezing its label

---
 src/components/settings/VacationSettings.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/settings/VacationSettings.tsx b/src/components/settings/VacationSettings.tsx
index e9ab2e11..695426fa 100644
--- a/src/components/settings/VacationSettings.tsx
+++ b/src/components/settings/VacationSettings.tsx
@@ -242,18 +242,20 @@ export function VacationSettings() {
         title={t('settings.vacation.message.title', 'Auto-Reply Message')}
         description={t('settings.vacation.message.description', 'The message that will be sent as a reply')}
       >
-        <SettingItem
-          label={t('settings.vacation.message.subject_label', 'Subject')}
-          description={t('settings.vacation.message.subject_description', 'Subject line of the auto-reply')}
-        >
+        {/* Stacked like the body below: beside its label, a fixed-width field
+            squeezed the label into five lines on a phone. */}
+        <View style={styles.bodyBlock}>
+          <Text style={styles.bodyLabel}>{t('settings.vacation.message.subject_label', 'Subject')}</Text>
+          <Text style={styles.bodyDesc}>{t('settings.vacation.message.subject_description', 'Subject line of the auto-reply')}</Text>
           <TextInput
             value={subject}
             onChangeText={setSubject}
             placeholder={t('settings.vacation.message.subject_placeholder', 'Out of Office')}
             placeholderTextColor={c.mutedForeground}
+            accessibilityLabel={t('settings.vacation.message.subject_label', 'Subject')}
             style={styles.subjectInput}
           />
-        </SettingItem>
+        </View>
         <View style={styles.bodyBlock}>
           <Text style={styles.bodyLabel}>{t('settings.vacation.message.body_label', 'Message Body')}</Text>
           <Text style={styles.bodyDesc}>{t('settings.vacation.message.body_description', 'Plain text message content')}</Text>
@@ -431,7 +433,6 @@ function makeStyles(c: ThemePalette) {
   },
   inputInvalid: { borderColor: c.error },
   subjectInput: {
-    width: 240,
     paddingHorizontal: spacing.md,
     paddingVertical: 6,
     borderRadius: radius.sm,