From beb4f39fadf9e306527255205b023b0e60b7a998 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 22 May 2024 12:06:44 +0200
Subject: [PATCH] Chore: revert some changes to keep existing forms looking the
 same

---
 .../common/FormTemplate/FormTemplate.tsx      | 37 +++++++++----------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/frontend/src/component/common/FormTemplate/FormTemplate.tsx b/frontend/src/component/common/FormTemplate/FormTemplate.tsx
index fb9a32a761..e0bee32d4f 100644
--- a/frontend/src/component/common/FormTemplate/FormTemplate.tsx
+++ b/frontend/src/component/common/FormTemplate/FormTemplate.tsx
@@ -174,8 +174,7 @@ const StyledDescriptionCard = styled('article')(({ theme }) => ({
     zIndex: 1,
     color: theme.palette.common.white,
     position: 'relative',
-    paddingBlock: theme.spacing(4),
-    minHeight: '13rem',
+    margin: theme.spacing(3, 0),
 }));
 
 const StyledDescription = styled('p')(({ theme }) => ({
@@ -183,7 +182,7 @@ const StyledDescription = styled('p')(({ theme }) => ({
 }));
 
 const StyledLinkContainer = styled('div')(({ theme }) => ({
-    // margin: theme.spacing(3, 0),
+    margin: theme.spacing(3, 0),
     display: 'flex',
     alignItems: 'center',
     width: '100%',
@@ -363,7 +362,6 @@ const MobileGuidance = ({
             <Collapse in={open} timeout={500}>
                 <Guidance
                     documentationIcon={documentationIcon}
-                    showLink={!!documentationLink}
                     description={description}
                     documentationLink={documentationLink}
                     documentationLinkLabel={documentationLinkLabel}
@@ -402,26 +400,25 @@ const Guidance: React.FC<IGuidanceProps> = ({
                             show={documentationIcon}
                         />
                         <StyledDescription>{description}</StyledDescription>
-
-                        <ConditionallyRender
-                            condition={showLink && !!documentationLink}
-                            show={
-                                <StyledLinkContainer>
-                                    <StyledLinkIcon />
-                                    <StyledDocumentationLink
-                                        href={documentationLink}
-                                        rel='noopener noreferrer'
-                                        target='_blank'
-                                    >
-                                        {documentationLinkLabel}
-                                    </StyledDocumentationLink>
-                                </StyledLinkContainer>
-                            }
-                        />
                     </StyledDescriptionCard>
                 }
             />
 
+            <ConditionallyRender
+                condition={showLink && !!documentationLink}
+                show={
+                    <StyledLinkContainer>
+                        <StyledLinkIcon />
+                        <StyledDocumentationLink
+                            href={documentationLink}
+                            rel='noopener noreferrer'
+                            target='_blank'
+                        >
+                            {documentationLinkLabel}
+                        </StyledDocumentationLink>
+                    </StyledLinkContainer>
+                }
+            />
             {children}
         </StyledSidebar>
     );