diff --git a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx index 293dca8b5..34d7ffc85 100644 --- a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx +++ b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx @@ -28,7 +28,6 @@ function InitiativeCard(props: Props) { className={_cs(styles.initiativeCard, className)} childrenContainerClassName={styles.figures} headingLevel={4} - withInternalPadding withHeaderBorder // TODO: Verify Fund Name and and Fund Type headerDescription={( @@ -36,48 +35,51 @@ function InitiativeCard(props: Props) { label={strings.initiativeFundNameTitle} value={initiative.fund_type} valueType="text" - strongLabel + strongValue /> )} + footerContent={( +
+
+ + +
+ )} > -
- - - - -
- - -
+ + + + ); } diff --git a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css index 368e5b3a1..9188fa167 100644 --- a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css +++ b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css @@ -5,14 +5,17 @@ .figures { display: flex; + flex-direction: column; + gap: var(--go-ui-spacing-xs); + + } + .footer-content { flex-grow: 1; - gap: var(--go-ui-spacing-lg); .separator { flex-shrink: 0; - margin: var(--go-ui-spacing-md) 0; - background-color: var(--go-ui-color-separator); - height: var(--go-ui-width-separator-sm); + margin-bottom: var(--go-ui-spacing-sm); + border-bottom: var(--go-ui-width-separator-thin) solid var(--go-ui-color-separator) } } }