From 1fac215151f8613cb6021eb91f8dbf9b1aab8996 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Eorkell=20M=C3=A1ni=20=C3=9Eorkelsson?=
 <mani@hugsmidjan.is>
Date: Wed, 10 Jul 2024 13:23:23 +0000
Subject: [PATCH] fix: action card tag if no heading

---
 .../src/components/ActionCard/ActionCard.tsx  | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/libs/service-portal/core/src/components/ActionCard/ActionCard.tsx b/libs/service-portal/core/src/components/ActionCard/ActionCard.tsx
index b16c3c091f66..b2b5bb7f109d 100644
--- a/libs/service-portal/core/src/components/ActionCard/ActionCard.tsx
+++ b/libs/service-portal/core/src/components/ActionCard/ActionCard.tsx
@@ -339,13 +339,13 @@ export const ActionCard: React.FC<React.PropsWithChildren<ActionCardProps>> = ({
         {/* Checking image type so the image is placed correctly */}
         {image?.type !== 'logo' && renderImage()}
         <Box flexDirection="row" width="full">
-          {heading && (
-            <Box
-              display="flex"
-              flexDirection="row"
-              justifyContent="spaceBetween"
-              alignItems={['flexStart', 'flexStart', 'flexEnd']}
-            >
+          <Box
+            display="flex"
+            flexDirection="row"
+            justifyContent="spaceBetween"
+            alignItems={['flexStart', 'flexStart', 'flexEnd']}
+          >
+            {heading && (
               <Box
                 display="flex"
                 flexDirection="row"
@@ -365,17 +365,20 @@ export const ActionCard: React.FC<React.PropsWithChildren<ActionCardProps>> = ({
                   {heading}
                 </Text>
               </Box>
-              <Hidden above="xs">
-                {secondaryTag && (
-                  <Box marginRight="smallGutter">
-                    {!date && !eyebrow && renderTag(secondaryTag)}
-                  </Box>
-                )}
-                <Box>{!date && !eyebrow && renderTag(tag)}</Box>
-              </Hidden>
-            </Box>
-          )}
-          {text && <Text paddingTop={heading ? 1 : 0}>{text}</Text>}
+            )}
+            {!heading && text && (
+              <Text paddingTop={heading ? 1 : 0}>{text}</Text>
+            )}
+            <Hidden above="xs">
+              {secondaryTag && (
+                <Box marginRight="smallGutter">
+                  {!date && !eyebrow && renderTag(secondaryTag)}
+                </Box>
+              )}
+              <Box>{!date && !eyebrow && renderTag(tag)}</Box>
+            </Hidden>
+          </Box>
+          {heading && text && <Text paddingTop={heading ? 1 : 0}>{text}</Text>}
           {subText && <Text>{subText}</Text>}
         </Box>
         <Box