Tweak appearance of cache page and form

[rafpaf]

Fixes these issues with the cache page and form:

• Use "Clear cache", not "Invalidate"
• There was too much distance between the DB icon and the name of the DB
• Constrain max width of strategy editor
• Fix padding on form in sidebar and on Admin page
• On Admin/Performance, make each big rectangle in the left panel clickable (not just the button on the right side of that rectangle)

Loom going over the changes: https://www.loom.com/share/7db77bdc251548bdb93b22101f692147?sid=62e788fe-61a6-4417-9d3d-2f98f18f6431

Closes #42958

[rafpaf]

• Tweak appearance of cache page and form #42856 👈
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @rafpaf and the rest of your teammates on Graphite

[graphite-app]

Graphite Automations

"Don't backport" took an action on this PR • (05/20/24)

1 reviewer was added and 1 label was added to this PR based on Raphael Krut-Landau's automation.

"Notify author when CI fails" took an action on this PR • (05/20/24)

1 teammate was notified to this PR based on Raphael Krut-Landau's automation.

"Warn authors when publishing large PRs" took an action on this PR • (05/24/24)

1 teammate was notified to this PR based on Raphael Krut-Landau's automation.

[replay-io]

Status	In Progress ↗︎ 55 / 56
Commit	48d7908
Results	⚠️ 2 Flaky ✅ 2569 Passed

[mazameli]

This is great! Only thing that it would be great to tweak is that we should make hovering on the big rectangles on the left also trigger the :hover state for the element (making the pill blue and the text white) so that it's clearer that it's a clickable, interactive element.

[iethree]

Looks good overall.

• Please don't use styles= prop.
• There's a few places where the styling will be much more maintainable if we use fewer styling conventions at once

[iethree]

❤️

maz approved via slack