Frontend: Fix the distance in the alert in the variable modal

Overview

In the recent Slack discussion, I noticed no distance between the text box and the logo in the alert.

This alert is visible if users are maintainer+ (maintainer or admin) to a project or group.

How to navigate to the page

Settings > CI/CD > Variables and open the modal by Add variable.

In the key, start typing AWS and you'll see the list of dropdowns; AWS_ACCESS_KEY_ID, AWS_DEFAULT_REGION, AWS_SECRET_ACCESS_KEY

Then, an alert appears at the bottom of the modal. The alert includes text and the AWS logo.

Current implementation

Default theme	Dark mode

• There's no gap between the text and the logo.

Proposal

• Having a gap of 0.5 rem (.gl-gap-3) between the image and the text would be a nice update.