From 8167ea8a83eeb0413e0b3fc83fe371002723412a Mon Sep 17 00:00:00 2001
From: Matiss Janis Aboltins <matiss@mja.lv>
Date: Tue, 12 Sep 2023 17:11:00 +0100
Subject: [PATCH] :art:  fix multiline label in schedules modal (#1687)

---
 .../src/components/schedules/EditSchedule.js     | 16 +++++-----------
 upcoming-release-notes/1687.md                   |  6 ++++++
 2 files changed, 11 insertions(+), 11 deletions(-)
 create mode 100644 upcoming-release-notes/1687.md

diff --git a/packages/desktop-client/src/components/schedules/EditSchedule.js b/packages/desktop-client/src/components/schedules/EditSchedule.js
index 506c34eb6..132362b60 100644
--- a/packages/desktop-client/src/components/schedules/EditSchedule.js
+++ b/packages/desktop-client/src/components/schedules/EditSchedule.js
@@ -527,8 +527,8 @@ export default function ScheduleDetails({ modalProps, actions, id }) {
         <FormLabel title="Date" />
       </View>
 
-      <Stack direction="row" align="flex-start">
-        <View style={{ flex: 1, width: '13.44rem' }}>
+      <Stack direction="row" align="flex-start" justify="space-between">
+        <View style={{ width: '13.44rem' }}>
           {repeats ? (
             <RecurringSchedulePicker
               value={state.fields.date}
@@ -569,7 +569,6 @@ export default function ScheduleDetails({ modalProps, actions, id }) {
         <View
           style={{
             marginTop: 5,
-            flex: 1,
             flexDirection: 'row',
             alignItems: 'center',
             userSelect: 'none',
@@ -587,12 +586,7 @@ export default function ScheduleDetails({ modalProps, actions, id }) {
           </label>
         </View>
 
-        <View
-          style={{
-            alignItems: 'flex-end',
-            flex: 1,
-          }}
-        >
+        <Stack align="flex-end">
           <View
             style={{
               marginTop: 5,
@@ -636,7 +630,7 @@ export default function ScheduleDetails({ modalProps, actions, id }) {
           </Text>
 
           {!adding && state.schedule.rule && (
-            <Stack direction="row" align="center" style={{ marginTop: 30 }}>
+            <Stack direction="row" align="center" style={{ marginTop: 20 }}>
               {state.isCustom && (
                 <Text
                   style={{
@@ -654,7 +648,7 @@ export default function ScheduleDetails({ modalProps, actions, id }) {
               </Button>
             </Stack>
           )}
-        </View>
+        </Stack>
       </Stack>
 
       <View style={{ marginTop: 30, flex: 1 }}>
diff --git a/upcoming-release-notes/1687.md b/upcoming-release-notes/1687.md
new file mode 100644
index 000000000..b229e4e0b
--- /dev/null
+++ b/upcoming-release-notes/1687.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [MatissJanis]
+---
+
+Fix a checkbox label sometimes appearing in multiple lines in the schedules modal
-- 
GitLab