Cleanup for recipe urls in dark mode and create schedule button hover state (#2687)

ui/desktop/src/components/RecipeEditor.tsx

@@ -377,42 +377,39 @@ export default function RecipeEditor({ config }: RecipeEditorProps) {
 
             {/* Deep Link Display */}
             <div className="w-full p-4 bg-bgSubtle rounded-lg">
-              <div className="flex items-center justify-between mb-2">
+              {!title.trim() || !description.trim() ? (
-                <div className="text-sm text-textSubtle text-xs text-textSubtle mt-2">
+                <div className="text-sm text-textSubtle text-xs text-textSubtle">
-                  Copy this link to share with friends or paste directly in Chrome to open
+                  Fill in required fields to generate link
                 </div>
-                <button
+              ) : (
+                <div className="flex items-center justify-between mb-2">
+                  <div className="text-sm text-textSubtle text-xs text-textSubtle">
+                    Copy this link to share with friends or paste directly in Chrome to open
+                  </div>
+                  <button
+                    onClick={() => validateForm() && handleCopy()}
+                    className="ml-4 p-2 hover:bg-bgApp rounded-lg transition-colors flex items-center disabled:opacity-50 disabled:hover:bg-transparent"
+                  >
+                    {copied ? (
+                      <Check className="w-4 h-4 text-green-500" />
+                    ) : (
+                      <Copy className="w-4 h-4 text-iconSubtle" />
+                    )}
+                    <span className="ml-1 text-sm text-textSubtle">
+                      {copied ? 'Copied!' : 'Copy'}
+                    </span>
+                  </button>
+                </div>
+              )}
+              {title.trim() && description.trim() && (
+                <div
                   onClick={() => validateForm() && handleCopy()}
-                  className="ml-4 p-2 hover:bg-bgApp rounded-lg transition-colors flex items-center disabled:opacity-50 disabled:hover:bg-transparent"
+                  className={`text-sm truncate dark:text-white font-mono ${!title.trim() || !description.trim() ? 'text-textDisabled' : 'text-textStandard'}`}
-                  title={
-                    !title.trim() || !description.trim()
-                      ? 'Fill in required fields first'
-                      : 'Copy link'
-                  }
-                  disabled={!title.trim() || !description.trim()}
                 >
-                  {copied ? (
+                  {deeplink}
-                    <Check className="w-4 h-4 text-green-500" />
+                </div>
-                  ) : (
+              )}
-                    <Copy className="w-4 h-4 text-iconSubtle" />
-                  )}
-                  <span className="ml-1 text-sm text-textSubtle">
-                    {copied ? 'Copied!' : 'Copy'}
-                  </span>
-                </button>
-              </div>
-              <div
-                className={`text-sm truncate font-mono ${!title.trim() || !description.trim() ? 'text-textDisabled' : 'text-textStandard'}`}
-                title={
-                  !title.trim() || !description.trim()
-                    ? 'Fill in required fields to generate link'
-                    : deeplink
-                }
-              >
-                {deeplink}
-              </div>
             </div>
-
             {/* Action Buttons */}
             <div className="flex flex-col space-y-2 pt-1">
               <button
@@ -422,7 +419,7 @@ export default function RecipeEditor({ config }: RecipeEditorProps) {
                 }}
                 className="w-full p-3 text-textSubtle rounded-lg hover:bg-bgSubtle"
               >
-                Cancel
+                Close
               </button>
             </div>
           </div>

ui/desktop/src/components/schedule/CreateScheduleModal.tsx

@@ -419,7 +419,7 @@ export const CreateScheduleModal: React.FC<CreateScheduleModalProps> = ({
             variant="ghost"
             onClick={handleClose}
             disabled={isLoadingExternally}
-            className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-gray-400 hover:bg-gray-50 dark:border-gray-600 text-lg font-regular"
+            className="w-full h-[60px] rounded-none border-t text-gray-400 hover:bg-gray-50 dark:border-gray-600 text-lg font-regular"
           >
             Cancel
           </Button>
@@ -428,7 +428,7 @@ export const CreateScheduleModal: React.FC<CreateScheduleModalProps> = ({
             form="new-schedule-form"
             variant="default"
             disabled={isLoadingExternally}
-            className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-lg hover:bg-gray-50 hover:dark:text-black dark:text-white dark:border-gray-600 font-regular"
+            className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-lg dark:text-white dark:border-gray-600 font-regular"
           >
             {isLoadingExternally ? 'Creating...' : 'Create Schedule'}
           </Button>