Tweak dashboard title padding

[JamesNK]

Description

Slightly reduce the left padding of the dashboard title/toolbar/footer, etc (4px).

After:

Checklist

• Is this feature complete?
  • [x] Yes. Ready to ship.
  • [ ] No. Follow-up changes expected.
• Are you including unit tests for the changes and scenario tests if relevant?
  • [ ] Yes
  • [x] No
• Did you add public API?
  • [ ] Yes
  • If yes, did you have an API Review for it?
    • [ ] Yes
    • [ ] No
  • Did you add <remarks /> and <code /> elements on your triple slash comments?
    • [ ] Yes
    • [ ] No
  • [x] No
• Does the change make any security assumptions or guarantees?
  • [ ] Yes
  • If yes, have you done a threat model and had a security review?
    • [ ] Yes
    • [ ] No
  • [x] No

• Does the change require an update in our Aspire docs?

  • [ ] Yes
  • Is this introducing a breaking change?
    • [ ] Yes
    • Link to aspire-docs issue (please use this breaking-change template):
    • [ ] No
    • Link to aspire-docs issue (please use this doc-idea template):
  • [x] No

  Microsoft Reviewers: Open in CodeFlow

[drewnoakes]

What's the rationale for this change? The left alignment looks strange:

There are three lines in the "grid system" here, where there should probably be one.

[JamesNK]

I changed the overall title (TestShop) to line up with the page title after taking the screenshot. This is what I see:

[JamesNK]

The reason for the change is I felt indenting the titles and all other page content to line up with the grid (18px) indent was too much.

Do you prefer everything lines up?

[JamesNK]

I went through every page and tried to line everything up as much as possible.

After: