fix: DSAPP-57 alignment of app card hazard tags

[wesleyboar]

Overview:

Fix alignment of gray box of hazard tags on an app card on Tools & Apps page.

PR Status:

• Ready.

Important

To self:

1. If approved, publish page (to activate snippet).
2. If deployed, delete snippet.

Related Jira tickets:

• DSAPP-57
• requires enhance: DSAPP-57 limit height of c-app-card desc TACC/Core-Styles#405

Summary of Changes:

• changed version of Core-Styles for c-app-card
• added forced height on c-app-card description

Testing Steps:

1. Replicate layout on prod with code from this branch:
   • A: snippet and top 3 simulation apps
     • Available on production in ?edit mode of Tools & Apps page.
     • Compare to production in ?preview&edit_off mode of Tools & Apps page.
   • B: Update dev CMS with prod CMS and deploy this branch.
   • C: Reconstruct it locally… (have fun with that).
2. Change window width and/or zoom until you have:
   • one column "Simulation" full width
   • three columns of cards:
     • one has two-line gray box, one-line desc
     • one has one-line gray box, one-line desc
     • one has one-line gray box, two-line desc
3. Verify alignment of gray boxes is consistent.

UI Photos:

before	after

Notes:

Snippet to Replicate this Change

<style id="css-dsapp-57-fix-app-card-hazard-alignment">
/* https://github.com/DesignSafe-CI/portal/pull/1474/files#diff-4fc2ef0ac0e52e3482998ece7245f66b5fe995dace36982b98a561f73a723283R4 */
@import url("https://cdn.jsdelivr.net/npm/@tacc/[email protected]/dist/components/c-app-card.css");

/* https://github.com/DesignSafe-CI/portal/pull/1474/files#diff-4fc2ef0ac0e52e3482998ece7245f66b5fe995dace36982b98a561f73a723283R27-R31 */
.c-app-card__desc {
    height: 3.6em;
}
</style>

[wesleyboar]

Relevant change is TACC/Core-Styles#405.

[sophia-massie]

LGTM! Thanks Wes