From c35d16ee3edbbebf37f9108fd8541aa4961707ec Mon Sep 17 00:00:00 2001
From: herblinernexxbizz <125579511+herblinernexxbizz@users.noreply.github.com>
Date: Mon, 12 Jun 2023 10:42:12 +0200
Subject: [PATCH] move copy button in fron of text (#4122)

---
 .../src/components/shared/forms/info-list.tsx            | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/forms/info-list.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/forms/info-list.tsx
index 5decacd2b..72ae3f555 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/forms/info-list.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/forms/info-list.tsx
@@ -23,11 +23,10 @@ export const InfoList: FunctionalComponent<InfoListProps> = ({ title, dictionary
             <dl class="sm:tw-divide-y sm:tw-divide-gray-200">
               {entries.map(([k, v]) => (
                 <div class="tw-py-3 sm:tw-grid sm:tw-grid-cols-3 sm:tw-gap-4">
-                  <dt class="tw-text-sm tw-font-medium tw-text-gray-500">{k}</dt>
-                  <dd class="tw-flex tw-justify-between tw-items-center tw-mt-1 tw-text-sm tw-text-gray-900 sm:tw-mt-0 sm:tw-col-span-2">
-                    {v}
-                    {isNullOrWhitespace(v) ? undefined : <elsa-copy-button value={v} />}
-                  </dd>
+                  <dt class="tw-flex tw-font-medium tw-justify-between tw-items-center tw-mt-1 tw-text-sm tw-text-gray-500 sm:tw-mt-0">
+                    {k} {isNullOrWhitespace(v) ? undefined : <elsa-copy-button value={v} />}
+                  </dt>
+                  <dt class="tw-text-sm  tw-text-gray-900 tw-mt-1 sm:tw-mt-0 sm:tw-col-span-2">{v}</dt>
                 </div>
               ))}
             </dl>