fix: [M3-9465] - Make LKE/LKE-E spacing tweaks

[mjac0bs]

Description 📝

This PR makes some minor spacing changes to improve some inconsistencies throughout LKE as requested by UX during review of LKE-E.

Changes 🔄

• Update the Cluster Tier selection card padding to 16px all around and the space between the card heading and first subheading to 4px
• Update the spacing at the bottom of the NodeTable to be equal on top and bottom (8px)
• Decrease the spacing at the top of the Labels & Taints drawer to be more standard (24px) and increase the spacing between the tables and the 'Add' buttons (12px)

Target release date 🗓️

3/25

Preview 📷

Before	After

How to test 🧪

Prerequisites

(How to setup test environment)

• Have the LKE-E customer tag on your account (see project tracker) and have the feature flag enabled

Reproduction steps

(How to reproduce the issue, if applicable)

• Check out dev and see the current spacing inconsistencies

Verification steps

(How to verify changes)

• Confirm spacing looks more consistent with the changes above

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 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

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All unit tests are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[mjac0bs]

We made this change as a one-off for these particular cards to give the text-heavy card more breathing room.

If we want to make this change to the base component styles, we could make that change instead. Worth noting: selection card styles were already recently updated to the 12px padding they have all around here.

[hana-akamai]

Tbh 16px feels like a bit too much padding but I will defer to the team's decision (maybe a cafe topic?)

Another place that's text heavy is the mobile Linode Plans

[mjac0bs]

I also think that 16px seems a bit much, but deferred to UX for the cluster tier cards. I'll add the topic as a (low priority) cafe topic to see if there's consensus among the wider group.

One thing that might consistently help the text-heaviness more than base card padding is some padding between subheading list items.

[github-actions]

Coverage Report: ✅
Base Coverage: 79.83%
Current Coverage: 79.83%

[linode-gh-bot]

Cloud Manager UI test results

🔺 1 failing test on test run #4 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
1 Failing	537 Passing	3 Skipped	129m 30s

Details

Failing Tests
	Spec	Test
❌	linode-config.spec.ts	End-to-End » Clones a config

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/linodes/linode-config.spec.ts"

[hkhalil-akamai]

✅ Verified expected spacing around selection card.
✅ Verified expected spacing in labels and taints drawer.
✅ Found no regressions in the LKE cluster create flow and Labels and Taints drawer.

Thanks Mariah! 🚀

[cypress]

Cloud Manager E2E    Run #7395

Run Properties:   Passed #7395  •  de438033cc: fix: [M3-9465] - Make LKE/LKE-E spacing tweaks (#11827)

Project	Cloud Manager E2E
Branch Review	develop
Run status	Passed #7395
Run duration	32m 28s
Commit	de438033cc: fix: [M3-9465] - Make LKE/LKE-E spacing tweaks (#11827)
Committer	Mariah Jacobs
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	2
Pending	3
Skipped	0
Passing	539
View all changes introduced in this branch ↗︎