fix: [M3-7104] - Images create > upload image > reduce space above and below Linode CLI help text

[tyler-akamai]

Description 📝

• In Images Create > Upload Image (http://localhost:3000/images/create/upload), reduce the spacing above and below the Linode CLI help text

Changes 🔄

List any change relevant to the reviewer.

• Decreased spacing above and below the Linode CLI help text

Preview 📷

Before	After

How to test 🧪

Prerequisites

(How to setup test environment)

• There are no prerequisites

Reproduction steps

(How to reproduce the issue, if applicable)

• Navigate to https://cloud.linode.com/images/create/upload
• Scroll down to the bottom of the page and confirm the spacing above and below the Linode CLI help text matches the before screenshot

Verification steps

(How to verify changes)

• Navigate to http://localhost:3000/images/create/upload
• Scroll to the bottom of the page and confirm the spacing of the Linode CLI help text matches the mockups spacing:
  

As an Author I have considered 🤔

Check all that apply

• 👀 Doing a self review
• ❔ Our contribution guidelines
• 🤏 Splitting feature into small PRs
• ➕ Adding a changeset
• 🧪 Providing/Improving test coverage
• 🔐 Removing all sensitive information from the code and PR description
• 🚩 Using a feature flag to protect the release
• 👣 Providing comprehensive reproduction steps
• 📑 Providing or updating our documentation
• 🕛 Scheduling a pair reviewing session
• 📱 Providing mobile support
• ♿ Providing accessibility support

[mjac0bs]

Nice catch! When did this get into prod? 😅 Confirmed that the spacing looks normal now, checked all screen sizes. Left a minor suggestion about rewording the changeset.

[mjac0bs]

Just had a question after looking at the internal ticket:

Can we clarify with UX whether this ticket is asking for other copy updates to the Upload Image form?

The copy on the proposed change doesn't match prod. I'm a bit concerned by that big block of text in the mock, though. That's in a tooltip now. The mock may just be outdated? Or are we intended to replace the tooltip and warning styling?

Prod:

Mock:

[tyler-akamai]

Just had a question after looking at the internal ticket:

Can we clarify with UX whether this ticket is asking for other copy updates to the Upload Image form?

The copy on the proposed change doesn't match prod. I'm a bit concerned by that big block of text in the mock, though. That's in a tooltip now. The mock may just be outdated? Or are we intended to replace the tooltip and warning styling?

Prod:

Mock:

I assumed the mock was outdated since they are still using the Linode logo in the top left, but let me confirm!

[mjac0bs]

still using the Linode logo in the top left,

Oh, hah, yeah, that's very outdated! This ticket was created in Sept of this year, which is what confused me.

[bnussman-akamai]

Yay, nice fix!

I had a feeling we would be caught by this one day (the way MUI does number * theme.spacing)