From fadf1a1a04c0f8200c64c7b20a2b0a6c0a29bcb5 Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Tue, 5 Dec 2023 13:13:26 -0800
Subject: [PATCH] Make link schedule rule wrap on smaller screens

---
 .../desktop-client/src/components/modals/EditRule.js   | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/desktop-client/src/components/modals/EditRule.js b/packages/desktop-client/src/components/modals/EditRule.js
index 1af0c6e29c7..79019347296 100644
--- a/packages/desktop-client/src/components/modals/EditRule.js
+++ b/packages/desktop-client/src/components/modals/EditRule.js
@@ -271,7 +271,7 @@ function ScheduleDescription({ id }) {
 
   return (
     <View style={{ flex: 1, flexDirection: 'row', alignItems: 'center' }}>
-      <View style={{ marginRight: 15, flexDirection: 'row' }}>
+      <View style={{ marginRight: 15, flexWrap: 'wrap', flexDirection: 'row' }}>
         <Text
           style={{
             whiteSpace: 'nowrap',
@@ -287,13 +287,9 @@ function ScheduleDescription({ id }) {
           />
         </Text>
         <Text style={{ margin: '0 5px' }}> — </Text>
-        <Text style={{ flexShrink: 0 }}>
-          Amount: {formatAmount(schedule._amount)}
-        </Text>
+        <Text>Amount: {formatAmount(schedule._amount)}</Text>
         <Text style={{ margin: '0 5px' }}> — </Text>
-        <Text style={{ flexShrink: 0 }}>
-          Next: {monthUtils.format(schedule.next_date, dateFormat)}
-        </Text>
+        <Text>Next: {monthUtils.format(schedule.next_date, dateFormat)}</Text>
       </View>
       <StatusBadge status={status} />
     </View>