Change font and color of targeting strategy link in dref application …

…export
IFRCGo · Jan 5, 2024 · 9c08ba6 · 9c08ba6
1 parent 30cd432
commit 9c08ba6
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 22 deletions.
diff --git a/src/views/DrefApplicationExport/index.tsx b/src/views/DrefApplicationExport/index.tsx
@@ -460,24 +460,23 @@ export function Component() {
                     strongValue
                 />
             </Container>
-
             {showEventDescriptionSection && (
                 <>
                     <div className={styles.pageBreak} />
                     <Heading level={2}>
                         {strings.eventDescriptionSectionHeading}
                     </Heading>
                     {drefResponse?.disaster_category_analysis_details?.file && (
-                <Container>
-                    <Link
-                        href={drefResponse?.disaster_category_analysis_details?.file}
-                        external
-                        withUnderline
-                    >
-                        {strings.crisisCategorySupportingDocumentLabel}
-                    </Link>
-                </Container>
-            )}
+                        <Container>
+                            <Link
+                                href={drefResponse?.disaster_category_analysis_details?.file}
+                                external
+                                withUnderline
+                            >
+                                {strings.crisisCategorySupportingDocumentLabel}
+                            </Link>
+                        </Container>
+                    )}
                     {isDefined(drefResponse)
                         && drefResponse.type_of_dref === DREF_TYPE_IMMINENT
                         && isTruthyString(drefResponse.event_text) && (
@@ -835,6 +834,18 @@ export function Component() {
                     <Heading level={2}>
                         {strings.targetingStrategySectionHeading}
                     </Heading>
+                    {targetingStrategySupportingDocumentDefined && (
+                        <Container>
+                            <Link
+                                className={styles.targetingStrategyLink}
+                                href={drefResponse?.targeting_strategy_support_file_details?.file}
+                                external
+                                withUnderline
+                            >
+                                {strings.targetingStrategySupportingDocument}
+                            </Link>
+                        </Container>
+                    )}
                     {peopleAssistedDefined && (
                         <Container
                             heading={strings.peopleAssistedHeading}
@@ -853,17 +864,6 @@ export function Component() {
                             </DescriptionText>
                         </Container>
                     )}
-                    {targetingStrategySupportingDocumentDefined && (
-                        <Container>
-                            <Link
-                                href={drefResponse?.targeting_strategy_support_file_details?.file}
-                                external
-                                withUnderline
-                            >
-                                {strings.targetingStrategySupportingDocument}
-                            </Link>
-                        </Container>
-                    )}
                 </>
             )}
             <Container

diff --git a/src/views/DrefApplicationExport/styles.module.css b/src/views/DrefApplicationExport/styles.module.css
@@ -228,4 +228,10 @@
             color: var(--go-ui-color-primary-red);
         }
     }
+
+    .targeting-strategy-link {
+        color: var(--go-ui-color-blue);
+        font-size: var(--go-ui-font-size-md);
+    }
+
 }