From 86b93dec23adeeb1107fb5bcf44435629708ec99 Mon Sep 17 00:00:00 2001
From: b-pm <b@thewealthsalons.com>
Date: Wed, 9 Sep 2026 12:07:10 +0000
Subject: [PATCH] Fix Safari CSS for trigger icons and docs COPY/ADD

Give Heroicon trigger glyphs explicit h-full/w-full (matching MiniMap) so
they render inside the node on Safari, and stack adaptor-docs COPY/ADD
controls above the example pre.

Closes #2960
---
 CHANGELOG.md                                          | 6 ++++++
 assets/js/adaptor-docs/components/render/Function.tsx | 9 ++++++---
 assets/js/workflow-diagram/nodes/Trigger.tsx          | 4 ++--
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8961519a341..1485b70fece 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,12 @@ and this project adheres to
 
 ## [Unreleased]
 
+### Fixed
+
+- Safari: give workflow trigger icons explicit size so Heroicons fill their
+  node slot, and raise adaptor-docs COPY/ADD controls above the example block.
+  [#2960](https://github.com/OpenFn/lightning/issues/2960)
+
 ### Changed
 
 - The AI assistant is the global assistant for everyone. It was behind the
diff --git a/assets/js/adaptor-docs/components/render/Function.tsx b/assets/js/adaptor-docs/components/render/Function.tsx
index 9e8be5b9a05..893657eb353 100644
--- a/assets/js/adaptor-docs/components/render/Function.tsx
+++ b/assets/js/adaptor-docs/components/render/Function.tsx
@@ -70,8 +70,11 @@ const Example = ({ eg, onInsert }: ExampleProps) => {
       <label className="block text-sm text-secondary-700 mt-2">
         Example{caption && `: ${caption}`}
       </label>
-      <div style={{ marginTop: '-6px' }}>
-        <div className="w-full px-5 text-right" style={{ height: '13px' }}>
+      <div style={{ marginTop: '-6px', position: 'relative' }}>
+        <div
+          className="w-full px-5 text-right relative z-10"
+          style={{ height: '13px' }}
+        >
           <PreButton
             label="COPY"
             onClick={() => doCopy(code)}
@@ -85,7 +88,7 @@ const Example = ({ eg, onInsert }: ExampleProps) => {
             />
           )}
         </div>
-        <pre className="rounded-md pl-4 pr-30 py-2 mx-4 my-0 font-mono bg-slate-100 border-2 border-slate-200 text-slate-800 min-h-full text-xs overflow-x-auto">
+        <pre className="rounded-md pl-4 pr-30 py-2 mx-4 my-0 font-mono bg-slate-100 border-2 border-slate-200 text-slate-800 min-h-full text-xs overflow-x-auto relative z-0">
           {code}
         </pre>
       </div>
diff --git a/assets/js/workflow-diagram/nodes/Trigger.tsx b/assets/js/workflow-diagram/nodes/Trigger.tsx
index 7be04b03e78..54138ba7286 100644
--- a/assets/js/workflow-diagram/nodes/Trigger.tsx
+++ b/assets/js/workflow-diagram/nodes/Trigger.tsx
@@ -58,7 +58,7 @@ function getTriggerMeta(trigger: Lightning.TriggerNode): TriggerMeta {
         label: 'Webhook trigger',
         sublabel: `On each request received`,
         tooltip: 'Click to copy webhook URL',
-        primaryIcon: <GlobeAltIcon />,
+        primaryIcon: <GlobeAltIcon className="h-full w-full" />,
         secondaryIcon: trigger.has_auth_method ? lockClosedIcon : null,
       };
     case 'cron':
@@ -73,7 +73,7 @@ function getTriggerMeta(trigger: Lightning.TriggerNode): TriggerMeta {
       return {
         label: 'Cron trigger',
         sublabel,
-        primaryIcon: <ClockIcon />,
+        primaryIcon: <ClockIcon className="h-full w-full" />,
         secondaryIcon: null,
       };
   }