fix: DES-2724 app-card__type mis-aligned

[wesleyboar]

Overview

Fix mis-aligned "Types" block on an app card.

The mis-alignment is not always present, but once I could reproduce it, this made sense to fix it.

Status

Closed. See #326 (comment).

Related

• found while testing DES-2724

Changes

• changed margin bottom on card __types box to a static value

Testing

1. Visit https://www.designsafe-ci.org/testing-pages/image-plugin-email-link/.
2. Verify gray boxes still line up.
3. Remove font size of text in gray box*:
   1. find c-app-card__type styles
   2. disable font-size: 1.2rem
4. Verify gray boxes still line up.

^{* There may be other ways to product the bug. This worked for me.}

UI

	Bug is apparent	Bug not apparent
Before
After	…

[wesleyboar]

Important

This "fix" is not following the design. The design vertically centers the gray box in available space, then seems to have placed text so that the boxes also vertically align with each other. The latter seems unfeasible to achieve.