From b8b3d635693b3dd48658d544e5832eef11da027c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Poul=20Kjeldager=20S=C3=B8rensen?= <pks@delegate.dk>
Date: Fri, 4 Oct 2024 21:54:32 +0200
Subject: [PATCH] fix: removed flex on headline

---
 packages/core/src/components/ending/Ending.tsx   |  4 ++--
 packages/core/src/components/heading/Heading.tsx | 12 ++++++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/ending/Ending.tsx b/packages/core/src/components/ending/Ending.tsx
index 949218c..959e34f 100644
--- a/packages/core/src/components/ending/Ending.tsx
+++ b/packages/core/src/components/ending/Ending.tsx
@@ -39,8 +39,8 @@ export const Ending: React.FC<EndingProps> = ({ model, className }) => {
             {submitStatus.isSubmitSuccess &&
                 <>
                     {state.defaultEndingSlideIcon !== "none" && <Checkmark color={quickformtokens.onSurface} />}
-                    {text &&
-                        <Heading style={{ marginTop: '10px' }}>
+                {text &&
+                    <Heading isHtml={textIsHtml} style={{ marginTop: '10px' }}>
                             {text}
                         </Heading>
                     }
diff --git a/packages/core/src/components/heading/Heading.tsx b/packages/core/src/components/heading/Heading.tsx
index 8df5038..1296490 100644
--- a/packages/core/src/components/heading/Heading.tsx
+++ b/packages/core/src/components/heading/Heading.tsx
@@ -16,8 +16,8 @@ export const Heading: React.FC<HeadingProps> = ({ children, label, style = {}, i
         fontWeight: 'bold',
         color: quickformtokens.onSurface,
         position: "relative",
-        display: 'flex',
-        alignItems: 'center',
+      //  display: 'flex',
+       // alignItems: 'center',
         // CSS-reset from default margin on h1
         margin: 0
     };
@@ -25,6 +25,14 @@ export const Heading: React.FC<HeadingProps> = ({ children, label, style = {}, i
 
     if (typeof (children) === "string") {
 
+        if(isHtml)
+            return (
+                <div
+                style={{ ...style, ...headingStyles }}
+                dangerouslySetInnerHTML={{ __html:  children }}
+            />
+        );
+
         return (
             <h1
                 style={{ ...style, ...headingStyles }}