From deff961bcbde560d996b2e138b7265b8449233b6 Mon Sep 17 00:00:00 2001
From: SteveO <steve.officer@gmail.com>
Date: Sat, 16 May 2026 13:38:00 +0100
Subject: [PATCH] fix: ScheduleModule error message styling

The ScheduleModal had the error messages styled with danger border, background and text.
This meant that the messages were not able to be seen due to the red-on-red.

This has been addressed by removing the danger background style so that only the text is styled.

Additionally, the schedule name and source fields have been marked up in a similar way to the CreateRecipe modal.
Required fields have an explicit asterix `*` to give a visual indicator that they are required.

Signed-off-by: SteveO <steve.officer@gmail.com>
---
 ui/desktop/src/components/schedule/ScheduleModal.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/desktop/src/components/schedule/ScheduleModal.tsx b/ui/desktop/src/components/schedule/ScheduleModal.tsx
index 5e3d186a5829..3b2f96f56320 100644
--- a/ui/desktop/src/components/schedule/ScheduleModal.tsx
+++ b/ui/desktop/src/components/schedule/ScheduleModal.tsx
@@ -212,12 +212,12 @@ export const ScheduleModal: React.FC<ScheduleModalProps> = ({
           className="px-8 py-4 space-y-4 flex-grow overflow-y-auto"
         >
           {apiErrorExternally && (
-            <p className="text-text-danger text-sm mb-3 p-2 bg-background-danger border border-border-danger rounded-md">
+            <p className="text-text-danger text-sm mb-3 p-2 border border-border-danger rounded-md">
               {apiErrorExternally}
             </p>
           )}
           {internalValidationError && (
-            <p className="text-text-danger text-sm mb-3 p-2 bg-background-danger border border-border-danger rounded-md">
+            <p className="text-text-danger text-sm mb-3 p-2 border border-border-danger rounded-md">
               {internalValidationError}
             </p>
           )}
@@ -226,7 +226,7 @@ export const ScheduleModal: React.FC<ScheduleModalProps> = ({
             <>
               <div>
                 <label htmlFor="scheduleId-modal" className={modalLabelClassName}>
-                  {intl.formatMessage(i18n.nameLabel)}
+                  {intl.formatMessage(i18n.nameLabel)} <span className="text-red-500">*</span>
                 </label>
                 <Input
                   type="text"
@@ -239,7 +239,9 @@ export const ScheduleModal: React.FC<ScheduleModalProps> = ({
               </div>
 
               <div>
-                <label className={modalLabelClassName}>{intl.formatMessage(i18n.sourceLabel)}</label>
+                <label className={modalLabelClassName}>
+                    {intl.formatMessage(i18n.sourceLabel)} <span className="text-red-500">*</span>
+                </label>
                 <div className="space-y-2">
                   <div className="flex bg-gray-100 dark:bg-gray-700 rounded-full p-1">
                     <button