fix: margin on asset chart min/max indicators

[bergeron]

Description

Design feedback that the min/max indicators on the asset chart should not be edge to edge like the chart itself. They should have margin like the rest of the content on the page.

Related issues

Fixes:

Manual testing steps

1. Click on a token in the token list
2. Click various date range buttons
3. Verify min/max indicators on the chart are in right place
4. Verify min/max indicators keep 16px margin from the edges

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[gambinish]

Pulled down and looks good to me 👍

I think this padding makes the graph look more center aligned somehow

[metamaskbot]

Builds ready [8c3addf]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1855 ± 61 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1631	2067	1851	135	65
		domContentLoaded	1605	2037	1828	130	63
		load	1634	2055	1855	126	61
		domInteractive	25	93	52	18	9
		backgroundConnect	13	82	26	18	8
		firstReactRender	47	206	94	33	16
		getState	4	63	18	19	9
		initialActions	0	0	0	0	0
		loadScripts	1116	1532	1339	115	55
		setupStore	10	71	26	21	10
		uiStartup	1790	2369	2065	166	80

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 27 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [c150d7a]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1712 ± 53 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1553	2066	1712	111	53
		domContentLoaded	1545	2057	1689	109	52
		load	1555	2066	1712	111	53
		domInteractive	21	140	48	25	12
		backgroundConnect	10	85	21	20	9
		firstReactRender	48	106	88	16	8
		getState	4	37	10	9	4
		initialActions	0	1	0	0	0
		loadScripts	1113	1637	1250	107	52
		setupStore	9	60	20	17	8
		uiStartup	1700	2208	1891	120	58

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 27 Bytes (0.00%)
• common: 0 Bytes (0.00%)