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?
  • Yes. Ready to ship.
  • No. Follow-up changes expected.
• Are you including unit tests for the changes and scenario tests if relevant?
  • Yes
  • 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
  • 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
  • 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):
  • 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: