Search bar header off-centre on displays wider than 1990px (approx)

[toebeann]

Search terms

header, search bar, large displays, ultrawide, 1440p, 2K, 4K, off-centre, off-center

Expected Behavior

typedoc seems to intend to have the header display centred on the page as below:

Actual Behavior

This is at a width of 3440px, but the header goes off-centre from a width of approx. 1990px and up:

Steps to reproduce the bug

• Open the latest typedoc example project on a display with a width greater than approx 1990px (e.g. 1440p, 4K, most ultrawide displays, etc.)
• Maximise browser window

Issue is prevalent in both Firefox and Chrome, haven't tested others.
Seems to only go off-centre around an approximate width of 1990px.

I understand you generally require a minimal typedoc install repo for this, however I have tested this on multiple of my repos using typedoc and it is happening on all, including the typedoc example project.

Environment

• Typedoc version: 0.23.11
• TypeScript version: 4.8.2
• Node.js version: 16.16.0
• OS: Windows 11 (10.0.22000 Build 22000)

[Gerrit0]

In this case a minimal repro could just point at https://typedoc.org/api/ and say zoom out ;)

[Gerrit0]

... just noticed I put the css on the wrong element

[Gerrit0]

c72c75c