fix(html): improve metadata section spacing

[agg23]

The HTML Report metadata toggle button and chip has poor positioning. Make it more regular. The mobile view continues to function as expected.

After:

Before:

[github-actions]

Test results for "tests 1"

7 flaky

⚠️ [chromium-library] › library/chromium/oopif.spec.ts:284:3 › should click @chromium-ubuntu-22.04-node20
⚠️ [firefox-library] › library/inspector/cli-codegen-1.spec.ts:1079:7 › cli codegen › should not throw csp directive violation errors @firefox-ubuntu-22.04-node18
⚠️ [installation tests] › playwright-cdn.spec.ts:43:7 › playwright cdn failover should work (https://cdn.playwright.dev) @package-installations-windows-latest
⚠️ [playwright-test] › ui-mode-test-watch.spec.ts:145:5 › should watch all @ubuntu-latest-node20-1
⚠️ [webkit-library] › library/screenshot.spec.ts:205:14 › element screenshot › element screenshot should work with a mobile viewport @webkit-ubuntu-22.04-node18
⚠️ [webkit-page] › page/page-screenshot.spec.ts:345:5 › page screenshot › should work while navigating @webkit-ubuntu-22.04-node18
⚠️ [playwright-test] › ui-mode-test-watch.spec.ts:145:5 › should watch all @windows-latest-node18-1

46739 passed, 926 skipped
✔️✔️✔️

Merge workflow run.

[pavelfeldman]

Where did the Project: chromium go?

[agg23]

Where did the Project: chromium go?

Those screenshots are just displaying the scenario where there is no specific project (none specified) and there is no filter.