Improve dref final report export

Author: frozenhelium

src/components/printable/Image/styles.module.css

@@ -1,37 +1,43 @@
 .image {
     display: flex;
     flex-direction: column;
+    gap: var(--go-ui-width-separator-md);
     margin: 0;
     page-break-inside: avoid;
 
     .img-element {
+        flex-grow: 1;
+        background-color: var(--go-ui-color-background);
         width: 100%;
         min-height: 20mm;
-        max-height: 140mm;
+        max-height: 120mm;
+        object-position: center center;
+        object-fit: contain;
     }
 
     .img-error {
-        width: 100%;
-        min-height: 20mm;
-        max-height: 140mm;
         display: flex;
         align-items: center;
         justify-content: center;
-        color: var(--go-ui-color-text-light);
-        background-color: var(--go-ui-color-background);
         border: var(--go-ui-width-separator-thin) solid var(--go-ui-color-separator);
+        background-color: var(--go-ui-color-background);
+        width: 100%;
+        min-height: 20mm;
+        max-height: 140mm;
+        color: var(--go-ui-color-text-light);
     }
 
     &.errored {
         .img-element {
             visibility: hidden;
+            height: 0;
             min-height: unset;
             max-height: unset;
-            height: 0;
         }
     }
 
     .caption {
+        flex-shrink: 0;
         background-color: var(--go-ui-color-background);
         padding: var(--go-ui-spacing-xs);
     }

src/views/DrefApplicationExport/i18n.json

@@ -87,7 +87,6 @@
         "focalPointContactHeading": "IFRC focal point for the emergency",
         "mediaContactHeading": "Media Contact",
         "imageLogoIFRCAlt": "IFRC",
-        "imageFileAlt": "image",
         "drefApplicationExportRisk": "Risk",
         "drefApplicationExportMitigation": "Mitigation action"
     }

src/views/DrefApplicationExport/index.tsx

@@ -583,7 +583,7 @@ export function Component() {
                                     <img
                                         className={styles.icon}
                                         src={identifiedNeed.image_url}
-                                        alt={strings.imageFileAlt}
+                                        alt=""
                                     />
                                     {identifiedNeed.title_display}
                                 </Heading>

src/views/DrefApplicationExport/styles.module.css

@@ -109,8 +109,8 @@
 
     .other-actions-major-coordination-mechanism {
         grid-column: span 2;
-        padding: var(--go-ui-spacing-xs);
         background-color: var(--pdf-element-bg);
+        padding: var(--go-ui-spacing-xs);
         gap: var(--go-ui-spacing-xs);
     }
 

src/views/DrefFinalReportExport/i18n.json

@@ -2,8 +2,10 @@
     "namespace": "drefFinalReportExport",
     "strings": {
         "drefApplicationFormImageAlt": "Image",
+        "imageLogoIFRCAlt": "IFRC",
         "exportTitle": "DREF Final Report",
         "drefExportReference": "Click here for reference",
+        "downloadFinancialReport": "Click here for the complete financial report",
         "appealLabel": "Appeal",
         "countryLabel": "Country",
         "hazardLabel": "Hazard",
@@ -58,9 +60,9 @@
         "riskAndSecuritySectionHeading": "Risk and Security Considerations",
         "riskSecurityHeading": "Please indicate about potential operation risk for this operations and mitigation actions",
         "riskLabel": "Risk",
-        "mitigationLabel": "Mitigation",
+        "mitigationLabel": "Mitigation action",
         "safetyConcernHeading": "Please indicate any security and safety concerns for this operation",
-        "interventionSectionHeading": "Planned Intervention",
+        "interventionSectionHeading": "Implementation",
         "targetedPersonsLabel": "Targeted Persons",
         "assistedPersonsLabel": "Assisted Persons",
         "budgetLabel": "Budget",